Показывать строку аннотации только на последней точке данных - PullRequest
Новая
       111

Показывать строку аннотации только на последней точке данных

0 голосов
/ 06 августа 2020

Для этого дизайна я использовал Chart js,

https://ibb.co/LZnnkHN

Я подошел очень близко, но теперь я хотел бы выбрать последнюю точку данных в мой набор данных для настройки аннотаций, чтобы они отображались только на последней точке данных (сегодня).

https://ibb.co/ss3Bj1g

Я установил минимальную и максимальную базовую линию, используя аннотации плагин с пользовательской функцией под названием drawAvarageLines 


        options: {
          annotation: {
            annotations: drawAveragesLines(thresholdArr)
          },
        }


    const drawAveragesLines = (lines) => {
      const annotations = [];
      lines.forEach(value => {
        annotations.push({
          type: "line",
          mode: 'horizontal',
          scaleID: 'y-axis-0',
          value: value,
          borderColor: 'rgb(253, 53, 53)',
          borderWidth: borderWidth,
          borderDash: [4, 4]
        });
      });
      return annotations;
    };

Я бы хотел:

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

Есть ли какой-нибудь крючок, где я могу выбрать точку данных и настроить ее аннотации или стиль?

...