Highcharts Modify Tooltip для одной серии

Question

Highcharts: у меня есть общая подсказка с 3 пулями по умолчанию. Мне нужно добавить пользовательскую информацию для 3-й пули (или серии).

Мне нужно, чтобы Bullet C показывал значение по умолчанию, а также отображал процентное соотношение Bullet B. На скриншоте ниже Bullet C сказал бы: «Хорошее состояние: 3448 (32% от Оценено).

Мой вопрос состоит из 2 частей:

• Как настроить только всплывающую подсказку третьей пули?
• Как узнать, какой процент от пули B представлен Bullet C? (в моем примере 3448 - это 32% от 10 697, но как мне найти это, используя старшие диаграммы?)

Обновление: этот код форматирует маркер и частично отвечает на мой первый вопрос (за исключением того, что отсутствует формат запятой для тысяч):

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