Блог

Главная - Вопросы по программированию - Highcharts — динамическое добавление значения суффикса всплывающей подсказки для каждой серии

Highcharts — динамическое добавление значения суффикса всплывающей подсказки для каждой серии

#angular #highcharts #tooltip

#angular #highcharts #всплывающая подсказка

Вопрос:

Я работаю над highcharts, пытаясь динамически обновлять tooltip valueSuffix для каждой серии, но не смог заставить его работать. Любая помощь приветствуется.

вот пример кода, массив данных содержит символы валюты, которые необходимо динамически отображать для каждой серии.

 this.chartConfig.ref$.subscribe(result => {
      result.series[0].points.forEach((pnt, i) => {
          if(pnt.series.tooltipOptions) {
            pnt.series.tooltipOptions.valueSuffix = data[i].currencySymbol;
          }
      });
    });

пробовал с помощью метода обновления, но он просто показывает первый символ в каждой серии

       this.chartConfig.ref.series.forEach((series, index) => {
          series.update({tooltip: {valueSuffix: data[index].currencySymbol}}, false);        
      });
      this.chartConfig.ref.redraw(false);

Ответ №1:

Похоже, что это более простой способ динамически изменять суффикс, добавляя свойство всплывающей подсказки к каждой серии. Если этого недостаточно, подготовьте упрощенную демонстрационную версию с вашим кодом.

 series: [
  {
    type: "line",
    data: [1, 2, 3, 4, 5],
    tooltip: {
      valueDecimals: 1,
      valuePrefix: '

ДЕМОНСТРАЦИЯ

Ссылки на API: https://api.highcharts.com/highcharts/series.line.tooltip


,
valueSuffix: ' USD'
},
},
{
type: "column",
data: [1, 2, 3, 4, 5].reverse(),
tooltip: {
valueDecimals: 2,
valuePrefix: '€',
valueSuffix: ' EUR'
},
}
],
ДЕМОНСТРАЦИЯ

Ссылки на API: https://api.highcharts.com/highcharts/series.line.tooltip

Метки: