echarts是百度開發(fā)維護(hù)的純javascript圖表插件。可以繪制多種常用的數(shù)學(xué)圖形,如柱狀圖、折線圖、餅圖、散點(diǎn)圖、雷達(dá)圖等。官方網(wǎng)址為:
http://echarts.baidu.com/index.html
echarts還可以畫股票K線圖,基本畫圖步驟參考官方文檔,不再贅述。現(xiàn)重點(diǎn)聚焦tooltip的formatter方法。tooptip用于在k線圖中顯示每一個(gè)蠟燭圖的數(shù)據(jù)信息,如日期、開盤、收盤、成交量等,但是系統(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>' +
'開盤:' + params.value[0] + '<br>' +
'收盤:' + params.value[1] + '<br>' +
'最低:' + params.value[2] + '<br>' +
'最高:' + params.value[3]
}
},
設(shè)置后的效果如下圖所示: