echarts 折線圖 tooltips 格式自定義 --筆記

字符串模板

更多請參考echarts官網的配置項手冊。 
折線（區域）圖、柱狀（條形）圖、K線圖 : {a}（系列名稱），{b}（類目值），{c}（數值）, {d}（無） 

注意： 類目值就是對應的橫座標。

下面貼出我項目中的部分代碼(可以根據自己要求修改formatter模板)：

 tooltip: {
    trigger: 'axis',
    axisPointer: {
         type : 'shadow'
    },
    formatter: '{a0} <br/>日期：{b} <br />價格： {c0}' + "%"
},

我的效果如下

這樣顯示出來就真的很貼心，友好，其實官方文檔中還有更多自定義的，我也正在發掘中....