echarts控制鼠标悬浮的提示信息

 

 

如图所示
tooltip: {
          show: true,
          trigger: "axis",
          formatter:  (params, ticket, callback)=> {
            var htmlStr = "";
            for (var i = 0; i < params.length; i++) {
              var param = params[i];
              var xName = param.name; //x轴的名称
              var seriesName = param.seriesName; //图例名称
              var value = param.value; //y轴值
              var color = param.color; //图例颜色
              // console.log('param',param)
              if (i === 0) {
                htmlStr += this.timeStr+'-'+(xName>9?xName:'0'+xName) + "<br/>"; //x轴的名称
              }
              htmlStr += "<div>";

              // 具体显示的数据【字段名称：seriesName，值：value】
              // 这里判断一下name，如果是我们需要特殊处理的，就处理
              if (seriesName === "额外信息") {
                // 前面一条线，后面一条线【具体样式自己写】
                htmlStr += '<div style="border: 1px solid #FFEB3B"></div>';
                htmlStr += "XXXXX：" + value;
                htmlStr += '<div style="border: 1px solid #FFEB3B"></div>';
              } else {
                // 正常显示的数据，走默认
                htmlStr +=
                  '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:' +
                  color +
                  ';"></span>';
                htmlStr +=this.tabTittle[this.activeTabIndex]+':'+  value[1];
              }

              htmlStr += "</div>";
            }
            return htmlStr;
          },
        },