iOS

echatrs K线图中tooltip的formatter设置

2016-07-06  本文已影响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]
    }
},

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


上一篇下一篇

猜你喜欢

热点阅读