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

一、

代码如下：

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

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

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

二、

tooltip: {
  formatter: '{b0}<br />{a0}:{c0}<br />{a1}:{c1}%',
  trigger: 'axis',
},

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

三、

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

具体代码如下所示：

tooltip: {
  // formatter: '{b0}<br />{a0}:{c0}<br />{a1}:{c1}%',
  trigger: 'axis',
  formatter: function (params) {
    let html=params[0].name+"<br>";
    for(let i=0;i<params.length;i++){
      html+='<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'
      if(params[i].seriesName=="合格率"){
        html+=params[i].seriesName+":"+params[i].value+"%<br>";
      }else{
        html+=params[i].seriesName+":"+params[i].value+"<br>";
      }
    }
    return html;
  }
},