Highcharts 修改一个系列的工具提示答案

【问题标题】：Highcharts Modify Tooltip for One SeriesHighcharts 修改一个系列的工具提示
【发布时间】：2020-04-16 18:15:20
【问题描述】：

Highcharts：我有一个带有 3 个默认项目符号的共享工具提示。我需要将自定义信息添加到第三个项目符号（或系列）。

我需要 Bullet C 来显示它的默认值，还需要显示它占 Bullet B 的百分比。在下面的屏幕截图中，Bullet C 会说：“状况良好：3,448（评估的 32%）。

我的问题分为两部分：

如何仅自定义第三个项目符号工具提示？
如何找出子弹 C 代表子弹 B 的百分比？（在我的示例中，3,448 是 10,697 的 32%，但我如何使用 highcharts 找到呢？）

更新：此代码格式化项目符号并部分回答了我的第一个问题（除了它缺少千位格式的逗号）：

return '<span style="color:' + this.series.color + '">● </span>' + this.series.name + ':<b>' + this.y + '</b><br/>';

【问题讨论】：

标签： highcharts

【解决方案1】：

您可以为系列定义单独的工具提示选项，在您的情况下您需要使用pointFormatter 函数，例如：

series: [..., {
  ...,

  tooltip: {
    pointFormatter: function() {
      var series = this.series.chart.series,
        percentage = Highcharts.numberFormat(
          this.y / series[1].points[this.index].y * 100, 
          2
        );

      return '<span style="color:' +
        this.color + '">●</span> ' +
        this.series.name + ': <b>' +
        Highcharts.numberFormat(this.y, 0) +
        '</b> Percentage: ' + percentage + '%<br/>'
    }
  }
}]

现场演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4955/

API 参考：

https://api.highcharts.com/highcharts/series.column.tooltip

https://api.highcharts.com/class-reference/Highcharts#.numberFormat

【讨论】：