echarts是百度開(kāi)發(fā)維護(hù)的純javascript圖表插件轩端。可以繪制多種常用的數(shù)學(xué)圖形逝变,如柱狀圖基茵、折線圖、餅圖壳影、散點(diǎn)圖拱层、雷達(dá)圖等。官方網(wǎng)址為:
http://echarts.baidu.com/index.html
echarts還可以畫(huà)股票K線圖宴咧,基本畫(huà)圖步驟參考官方文檔根灯,不再贅述。現(xiàn)重點(diǎn)聚焦tooltip的formatter方法掺栅。tooptip用于在k線圖中顯示每一個(gè)蠟燭圖的數(shù)據(jù)信息烙肺,如日期、開(kāi)盤氧卧、收盤桃笙、成交量等,但是系統(tǒng)默認(rèn)的tooltip顯示為英文沙绝,即“open,close,lowest,highest”搏明,如下圖所示鼠锈,但我想把它變成中文顯示。
方法如下:
在tooltip中添加formatter方法星著,如下代碼所示:
tooltip: {
trigger: 'item', //此時(shí)不要為'axis',否則params.name或者params.value不顯示
formatter: function (params) {
return params.name + '<br>' +
'開(kāi)盤:' + params.value[0] + '<br>' +
'收盤:' + params.value[1] + '<br>' +
'最低:' + params.value[2] + '<br>' +
'最高:' + params.value[3]
}
},
設(shè)置后的效果如下圖所示: