美文网首页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