echarts是百度开发维护的纯javascript图表插件。可以绘制多种常用的数学图形,如柱状图、折线图、饼图、散点图、雷达图等。官方网址为:
http://echarts.baidu.com/index.html
echarts还可以画股票K线图,基本画图步骤参考官方文档,不再赘述。现重点聚焦tooltip的formatter方法。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]
}
},
设置后的效果如下图所示: