关于echarts折线图tooltip显示百分号问题

一、

代码如下：

tooltip: {
formatter: 'value',
trigger: 'axis',
},

最初显示的样式如下图所示

纵坐标虽然显示带有%，但是鼠标单个滑到一个柱状图上时，合格率并没有带%

二、

tooltip: {
  formatter: '{b0}
{a0}:{c0}
{a1}:{c1}%',
  trigger: 'axis',
},

当修改了tooltip的formatter属性时，有%，但是没有图例了，如下图所示。

三、

再次修改时根据官网一个回调函数进行图例显示，效果如图3所示。此时即显示%也显示图例

具体代码如下所示：

tooltip: {
  // formatter: '{b0}
{a0}:{c0}
{a1}:{c1}%',
  trigger: 'axis',
  formatter: function (params) {
    let html=params[0].name+"
";
    for(let i=0;i'
      if(params[i].seriesName=="合格率"){
        html+=params[i].seriesName+":"+params[i].value+"%
";
      }else{
        html+=params[i].seriesName+":"+params[i].value+"
";
      }
    }
    return html;
  }
},