echarts自定义tooltip显示

这里用到的关键字是formatter

    tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow',

                },
                textStyle: {
                    fontSize: fontSize(1.4)
                },
                formatter: function (params, ticket, callback) {
                    // console.log(params);    ////可以打印出来看看数据结构哦
                    let axisValueLabel = params[0].axisValueLabel
                    let sumVal = 0;
                    let src = axisValueLabel + '<br>';
                    for (x in params) {
                        sumVal += Number(params[x].value)
                        src += params[x].marker + params[x].seriesName + ": " + params[x].value + '<br>';
                    }
                    src += params[x].marker + '补偿总电量' + ": " + sumVal + '<br>';
                    return src
                },

            },
            
            

效果图

image.png
ps:我这里是添加一条 [考核总电量:value],其他是默认有的

--by Affandi ⊙▽⊙