echart tooltip 默认

// 默认的tooltip formatter
formatter: function (params:  any[]) {
        var tooltipHtml = '<div style="font-family: Arial, sans-serif; color: #333;">'

        // 第 1 行显示 xAxis 类目(即 x 轴的类别数据)
        tooltipHtml +=
          '<div style="font-weight: bold; font-size: 14px;">' + params[0].name + '</div>'

        // 遍历每个数据项,显示系列数据
        params.forEach(function (item) {
          tooltipHtml += '<div style="margin-bottom: 5px;">'

          // 显示标记图标
          tooltipHtml += '<span style="color: ' + item.color + ';">' + item.marker + '</span>'

          // 显示系列名称和对应的值
          tooltipHtml += '<span style="font-weight: bold;">' + item.seriesName + ':</span> '
          tooltipHtml +=
            '<span style="font-size: 16px; font-weight: bold;">' + item.value + '</span>'
          tooltipHtml += '</div>'
        })

        tooltipHtml += '</div>'
        return tooltipHtml // 返回自定义的 HTML 内容
      }


posted @ 2024-12-26 10:35  Chiffon1996  阅读(58)  评论(0)    收藏  举报