Невозможно поместить аннотацию на линейный график ng-2charts - PullRequest
Новая
       18

Невозможно поместить аннотацию на линейный график ng-2charts

0 голосов
/ 13 февраля 2020

Я использую ng2-chart для создания диаграмм в Angular 8.

У меня есть только одна проблема: я не могу установить аннотацию на своем графике.

Ось x диаграммы - это даты (в виде строк) в следующем формате: yyyy-MM-dd HH:mm:ss.z

Конфигурация аннотации следующая: 

let annotation = {
                drawTime: 'afterDraw', // tried default afterDatasetsDraw without success
                type: 'line',
                mode: 'vertical',
                scaleID: 'x-axis-0',
                value: deviceInjectionTime, // This value is also a `yyyy-MM-dd HH:mm:ss.z` string date
                borderColor: 'orange',
                borderWidth: 2,
                label: {
                  enabled: true,
                  fontColor: 'orange',
                  content: 'DEVICE'
                }
              };
          this.lineChartOptionsITAG.annotation.annotations.push(annotation);

Параметры моей диаграммы : 

 public lineChartOptionsITAG: (ChartOptions & { annotation: any }) = {
    responsive: false,
    scales: {
      // We use this empty structure as a placeholder for dynamic theming.
      xAxes: [{}],
      yAxes: [
        {
          id: 'y-axis-0',
          position: 'left',
          gridLines: {
            color: 'rgba(255,0,0,0.3)',
          },
        },
      ]
    },
    annotation: {
      annotations: [

      ],
    },
  };

Текущий результат следующий:

current

Желаемый результат следующий: desired

Возможно ли то, что я пытаюсь? Если так, что я делаю не так?

...