echarts 自定义鼠标悬停展示

tooltip: {
          
   
    trigger: axis,
    formatter: function (params) {
          
   
          let htmlStr = ;
          for (let i = 0; i < params.length; i++) {
          
   
            const param = params[i];
            const xName = param.name; //x轴的名称
            const seriesName = param.name; //图例名称
            const value = param.value; //y轴值
            const color = param.color; //图例颜色

            if (i === 0) {
          
   
              htmlStr +=xzxxz:+ xName + <br/>; //x轴的名称
            }
            htmlStr += <div>;
            //为了保证和原来的效果一样，这里自己实现了一个点的效果
            htmlStr +=
              <span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color: +
              color +
              ;"></span>;
            //圆点后面显示的文本
            htmlStr +=
              seriesName +
              ： + value
            // 文本颜色设置--2020-07-23(需要设置,请解注释下面一行)
            htmlStr += </div>;
          }
          return htmlStr;
        },
    },