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

Question

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

我需要项目符号C来显示其默认值，还要显示项目符号B的百分比。在下面的屏幕快照中，项目符号C会说：“状况良好：3,448（评估的32％）。

我的问题是2个部分：

• 如何仅自定义第三个项目符号工具提示？
• 我如何找出子弹C代表子弹B的百分比？ （在我的示例中，3448是10697中的32％，但是我如何使用高图找到它？）

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

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

Answer 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