Echarts不同数据使用不同tooltip设置模板( series.tooltip不生效)

ps:主要记录自己在工作中遇到的一点问题,也给有同样需求的朋友一点帮助。

tootip

tootip是简单来说就是表格使用时的具体数据的提示框。
正常而言，配置tootip是在echarts的options中，正常的使用就不多说了，官网上有相关的说明：
https://echarts.apache.org/zh/option.html#tooltip

在工作中，我遇到了这样的需求，同一个表格中，同时存在柱状图折线图散点图等多种类型。
每一种的数据值显示的内容不相同,这时应该怎么做？

个人认为有两种方法：
1.在option的tooltop中使用formatter回调函数，增加判断（回调参数中有对应的servie名称可以做判断，也有当前触发数据的值,可是在传入data时增加标识判断）：
let data1=[xxx,xxx,xxx]
let data2=[xxx,xxx,xxx]
let option = {
title: {
},
grid：{
},
legend: {
},
tooltip: {
trigger: “axis”,
formatter:(val)=>{
//增加判断
}
},
}
2.官网告诉我们存在多种地方可以设置tooltip
~可以设置在全局，即 tooltip
~可以设置在坐标系中，即 grid.tooltip、polar.tooltip、single.tooltip
~可以设置在系列中，即 series.tooltip
~可以设置在系列的每个数据项中，即 series.data.tooltip
我试了 grid.tooltip，跟series.tooltip两种：
具体使用方法跟属性都是跟主tooltip一致，用法就不再复述了，说两个使用过程中用到的问题跟大家分享,
第一点：
使用grid.tooltip，或者series.tooltip时，一定要在option的根下增加
tooltip: {}这个空属性，不然它们都不会生效，具体原因我觉得是主tooltip是开关吧，只能是空的，如果你设置了主tooltip的type等属性，它会将grid.tooltip,series.tooltip的配置覆盖掉，也会导致它们无法生效。
第二点：
优先级问题,经过个人测试，三种tooltip的优先级为：根tooltip>series.tooltip>grid.tooltip。

先说这么些，领导查摸鱼= =！