Подсказка Highcharts / HighcharteR: доступ ко всем значениям y в серии, вывод разницы - PullRequest
Новая
       28

Подсказка Highcharts / HighcharteR: доступ ко всем значениям y в серии, вывод разницы

0 голосов
/ 10 апреля 2020

[РЕДАКТИРОВАТЬ] В итоге я решил эту проблему, так как писал этот вопрос, поэтому см. Ответ ниже.

У меня есть график с периодами времени на Ось X и баллы по оси Y, и в каждой точке я бы хотел, чтобы во всплывающей подсказке была разница между значениями y между текущей точкой и предыдущей (в пределах той же серии).

Воспроизводимый пример: 

library(highcharter)

hchart(df, 
       type="line", 
       hcaes(x = period, y = value, group = group)
  ) %>%
  hc_tooltip(pointFormat = "Score: {point.y} ({previous.point.y})")

В идеале, при наведении, например, на вторую точку для серии B, я бы хотел сказать Score: 5 (+1). Для этого, вероятно, потребуется formatter=JS() JavaScript вместо pointFormat, но вы не знаете, как это сделать.

1 Ответ

1 голос
/ 10 апреля 2020

Благодаря этому связанному ответу мне удалось получить доступ ко всем значениям y, после чего я понял, что использование this.point.x позволяет нам оттачивать определенные c y значения. Вот JS: 

function () {
  if (this.point.x == 0) {  // there's no previous point, so set to '0'
    var thisDiff = 0;
  } else {  // use 'this.point.x' to get current position, and do '-1' to get previous position
    var thisDiff = ( this.series.points[this.point.x].y - this.series.points[this.point.x - 1].y );
    if (thisDiff > 0) {
      thisDiff = '+' + thisDiff;  // pretty print a '+' sign if difference is positive
    }
  }
  var s = '<b>Series ' + this.series.name + ', period ' + this.point.name + ': </b>';
  s += 'mean score ' + this.point.y + ' (' + thisDiff + ')';
  return(s);
}

Чтобы заставить его работать в highcharteR, нам просто нужно заключить его в кавычки и перейти к hc_tooltip(formatter = JS()

...