echsrts自定义提示框内容

 

    ​​var zgry = [36, 38, 40, 41]
    var kgry = [14, 14.1, 15, 16]
    var tx = [18, 10, 4, 15]
    var td = [7, 12, 19, 3]
    var chct = [9, 6, 13, 2]
    var kc = [9, 6, 13, 2]
    var sw = [9, 6, 13, 2]
    option = {
      tooltip: {
        axisPointer: { type: 'shadow' },
        formatter: function (params) {
          var tooltipContent = '';
          var seriesIndex = params.seriesIndex;
          var dataIndex = params.dataIndex;
          // console.log(params);
         
          if (seriesIndex === 0) {
            tooltipContent += '人员: ' + zgry[dataIndex] + '<br>';
            tooltipContent += '人员: ' + kgry[dataIndex] + '<br>';
          } else if (seriesIndex === 1) {
            tooltipContent += '退休: ' + tx[dataIndex] + '<br>';
            tooltipContent += '调动: ' + td[dataIndex] + '<br>';
            tooltipContent += '辞职辞退: ' + chct[dataIndex] + '<br>';
            tooltipContent += '开除: ' + kc[dataIndex] + '<br>';
            tooltipContent += '死亡: ' + sw[dataIndex] + '<br>';
          }
          return tooltipContent;
        },
      },
....},

在这段代码中，dataIndex是通过params.dataIndex获取的，它表示鼠标悬停所在的数据索引。然后，通过zgry[dataIndex]来获取对应索引位置的zgry数组中的值，即州管人员的数据。

这段代码的目的是将州管人员的数据添加到提示框的内容中。每当鼠标悬停在图表的某个数据点上时，会根据dataIndex获取该点的州管人员数据，并将其添加到tooltipContent字符串中。最终，tooltipContent会作为提示框的内容进行显示。

例如，如果dataIndex为0，即鼠标悬停在第一个数据点上，那么zgry[dataIndex]将获取zgry数组中索引为0的值，然后将其添加到提示框内容中。

参考：

makeapie - ECharts文档 - echarts社区