美文网首页iOS
echatrs K线图中tooltip的formatter设置

echatrs K线图中tooltip的formatter设置

作者: 盗花 | 来源:发表于2016-07-06 23:15 被阅读967次

    echarts是百度开发维护的纯javascript图表插件。可以绘制多种常用的数学图形,如柱状图、折线图、饼图、散点图、雷达图等。官方网址为:
    http://echarts.baidu.com/index.html

    echarts还可以画股票K线图,基本画图步骤参考官方文档,不再赘述。现重点聚焦tooltipformatter方法。tooptip用于在k线图中显示每一个蜡烛图的数据信息,如日期、开盘、收盘、成交量等,但是系统默认的tooltip显示为英文,即“open,close,lowest,highest”,如下图所示,但我想把它变成中文显示。

    方法如下:
    在tooltip中添加formatter方法,如下代码所示:

    tooltip: {
        trigger: 'item',  //此时不要为'axis',否则params.name或者params.value不显示
        formatter: function (params) {
            return params.name + '<br>' +
                    '开盘:' + params.value[0] + '<br>' +
                    '收盘:' + params.value[1] + '<br>' +
                    '最低:' + params.value[2] + '<br>' +
                    '最高:' + params.value[3]
        }
    },
    

    设置后的效果如下图所示:


    相关文章

      网友评论

        本文标题:echatrs K线图中tooltip的formatter设置

        本文链接:https://www.haomeiwen.com/subject/paokjttx.html