echarts 折线图 tooltips 格式自定义 --笔记

字符串模板

更多请参考echarts官网的配置项手册。 
折线（区域）图、柱状（条形）图、K线图 : {a}（系列名称），{b}（类目值），{c}（数值）, {d}（无） 

注意： 类目值就是对应的横坐标。

下面贴出我项目中的部分代码(可以根据自己要求修改formatter模板)：

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

我的效果如下

这样显示出来就真的很贴心，友好，其实官方文档中还有更多自定义的，我也正在发掘中....