echarts tooltip formatter自定义_自定义 tooltip 计算&显示环比增长

思路&做法

思路比较简单，所以使用 tooltip.formatter 设置提示框内容格式。因为 tooltip.formatter 支持回调函数，所以可以同时完成环比增长率的计算和显示。

回调函数格式

(
           

params 格式（摘自 ECharts 配置项手册）

series[i]-data 数据

data1 
           

tooltip 配置

tooltip
           

• params.data：当前数据（鼠标指向的数据相图形）；
• params.dataIndex：当前数据在 data 数组中的 index；
• data1[params.dataIndex - 1]：当前数据项的上期数值；
• params.dataIndex === 0 ? '未知' : <expr> ：周一缺少上期数据，故环比增长率未知

点击查看 ECharts Gallery 例子（建议PC查看）​gallery.echartsjs.com