echatrs K线图中tooltip的formatter设置

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

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

echatrs K线图中tooltip的formatter设置_第1张图片

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

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

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


echatrs K线图中tooltip的formatter设置_第2张图片

你可能感兴趣的:(echatrs K线图中tooltip的formatter设置)