Javascript Highcharts工具提示格式与系列不同

我是海图的初学者，我尝试用一些数据制作柱状图。图表的显示方式必须如下所示：

但我没有成功。我真的很困惑，试图像在框中那样显示工具提示，因为该系列只有2个东西（Rencana，Realisasi），但在框中显示3个（Rencana，Realisasi，Indicator）。 我必须尝试将工具提示格式化如下：

{
  chart: {
      renderTo: 'gjenis',
      type: 'column'
  },
  title: {
      text: 'Bauran Energi per Jenis Bahan Bakar (TWh)'
  },
  subtitle: {
      text: ' '
  },
  xAxis: {
      categories: jenis,
      crosshair: true
  },
  yAxis: {
      min: 0,
      title: {
          text: ' '
      }
  },
  tooltip: {
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
          '<td style="padding:0"><b>{point.y:.2f} TWh</b></td></tr>' + 
          '<tr><td>Indikator : </td>' +
          '<td><b>x %</b></td></tr>',
      footerFormat: '</table> ',
      shared: true,
      useHTML: true
  },
  plotOptions: {
      column: {
          pointPadding: 0.2,
          borderWidth: 1
      }
  },
  series: [{
      name: 'Rencana',
      data: rencana,
      color: 'red'

  }, {
      name: 'Realisasi',
      data: realisasi,
      color: 'blue'

  }]
}

{
图表：{
renderTo:‘gjenis’，
类型：“列”
},
标题：{
文字：“Bauran Energi per Jenis Bahan Bakar（TWh）”
},
副标题:{
文本：“”
},
xAxis：{
类别：jenis，
十字准星：对
},
亚克斯：{
分:0,，
标题：{
文本：“”
}
},
工具提示：{
headerFormat:“{point.key}”，
pointFormat:“{series.name}:”+
{point.y:.2f}TWh'+
“Indikator:”+
“x%”，
页脚格式：“”，
分享：是的，
useHTML:true
},
打印选项：{
专栏：{
点填充：0.2，
边框宽度：1
}
},
系列：[{
名称：'Rencana'，
资料来源：rencana，
颜色：“红色”
}, {
名称：'Realisasi'，
资料来源：Realizasi，
颜色：“蓝色”
}]
}

但框中的结果如下所示：

是否有任何功能可以像第一幅图像那样显示，从而不循环“指示器”？如何将工具提示的格式设置为与第一个类似

非常感谢您的关注

根据：

自版本2.1以来，工具提示可以通过“共享”选项在多个系列之间共享。根据工具提示是否共享，格式化程序中的可用数据略有不同。在共享工具提示中，除x之外的所有特性（对于所有点都通用）都保存在一个数组中，即this.points

当您将

shared

属性设置为

true

时，您可以使用自定义

formatter

函数，在该函数中，您可以循环查看点并生成自定义工具提示（如您所需）。例如：

tooltip: {
    formatter: function () {
        var s = "<span style=\"font-size:10px\">" + this.x + "</span><table>"

        $.each(this.points, function () {
            s += "<tr><tdstyle=\"color:"+this.series.color+";padding:0\">"+this.series.name+": </td>" +
      "<td style=\"padding:0\"><b>"this.series.y+" TWh</b></td></tr>";
        });
        s += "<tr><td>Indikator : </td>"+ "<td><b>x %</b></td></tr></table>"
        return s;
    },
    shared: true,
    useHTML: true
}

根据：

自版本2.1以来，工具提示可以通过“共享”选项在多个系列之间共享。根据工具提示是否共享，格式化程序中的可用数据略有不同。在共享工具提示中，除x之外的所有特性（对于所有点都通用）都保存在一个数组中，即this.points

当您将

shared

属性设置为

true

时，您可以使用自定义

formatter

函数，在该函数中，您可以循环查看点并生成自定义工具提示（如您所需）。例如：

tooltip: {
    formatter: function () {
        var s = "<span style=\"font-size:10px\">" + this.x + "</span><table>"

        $.each(this.points, function () {
            s += "<tr><tdstyle=\"color:"+this.series.color+";padding:0\">"+this.series.name+": </td>" +
      "<td style=\"padding:0\"><b>"this.series.y+" TWh</b></td></tr>";
        });
        s += "<tr><td>Indikator : </td>"+ "<td><b>x %</b></td></tr></table>"
        return s;
    },
    shared: true,
    useHTML: true
}

---

请查看我编辑的答案。请查看我编辑的答案。