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) + "
"; //x轴的名称
              }
              htmlStr += "
";

              // 具体显示的数据【字段名称：seriesName，值：value】
              // 这里判断一下name，如果是我们需要特殊处理的，就处理
              if (seriesName === "额外信息") {
                // 前面一条线，后面一条线【具体样式自己写】
                htmlStr += '
';
                htmlStr += "XXXXX：" + value;
                htmlStr += '
';
              } else {
                // 正常显示的数据，走默认
                htmlStr +=
                  '
                  color +
                  ';">';
                htmlStr +=this.tabTittle[this.activeTabIndex]+':'+  value[1];
              }

              htmlStr += "
";
            }
            return htmlStr;
          },
        },