在使用 echarts 绘制的拆线图中，如何格式化在 tooltip 中显示的数据项的值？

Question

类似上图中，这是一个 trigger 设置为 axis 的 tooltip。

我希望在其中显示的「JS 异常 PV 比」的值的后面添加一个百分号，但我分别尝试设置了 series-line.tooltip.formatter 和 series-line.data.tooltip.formatter，都没有任何作用。

我不希望配置 tllitip.formatter，因为这样貌似要自己编写整个 tooltip 的内容，对于我的需求来说这样做的成本太高了。

所以请问大家，我要怎么配置才能达到我想要的效果？

Answer 1

tooltip: {
    trigger: 'axis',
    formatter: function(params) {
        let str = '<span>' + params[0].name + '</span><br/>'
        for (let i = 0; i < params.length; i++) {
            str += params[i].marker + params[i].seriesName + '：<span style="float:right;font-weight:600">' + params[i].value + '%</span><br/>'
        }
        return str
    }
}

测试