echarts中每个数据项特定的tooltip设定

什么是每个数据项特定的tooltip？类似于这样：

data: [ {
                    value: 20,
                    name: 'CO2: ',
                    itemStyle: {
                        borderWidth: 2,
                        color: '#55d3db'
                    },
                    label: {
                        show: true,
                        position : 'inside',
                        fontSize: 8,
                        formatter: " {b}\n"+skyValueArr[0]
                    },
                    tooltip: {
                        formatter: " {a}<br/>&nbsp;&nbsp;&nbsp;{b}"+skyValueArr[0],
                        backgroundColor: 'rgba(255, 255, 255, 0.7)',
                        textStyle: {
                            color: '#000',
                            fontSize: 12
                        }
                    },
                }]

设置这一数据项的tooltip的作用就是显示指定内容，与放在整个option里的tooltip相比，一个是公共的，一个是私有的。
那么只是按照上述代码写肯定是不行的（不信你试试），你必须还要在option里去整体写一个tooltip:

let option = {
            tooltip: {
                trigger: 'item'
            },
            ...
         }

OK，这样的话就可以完成特定tooltip的设定了。

公众号：Coder 杂谈，欢迎关注