chartjs-plugin-annotations не отображаются на диаграмме primeNG

Question

Попытка нарисовать горизонтальную линию на диаграмме PrimeNg, похоже, не работает с помощью chartjs-plugin-annotation. Я бы предпочел не устанавливать другую библиотеку диаграмм, если мне не нужно.

 <p-chart #decisionPlot type="scatter" [data]="decisionPlotData" [options]="decisionPlotOptions"  [plugins]="decisionPlotPlugins"  [height]="defaultHeight" (onDataSelect)="onPlotClick($event)">
  </p-chart>

В ngOnInit () это:

const namedChartAnnotation = ChartAnnotation;
namedChartAnnotation['id'] = 'annotation';
Chart.pluginService.register( namedChartAnnotation);
this.decisionPlotOptions = this.plotService.getAnnotationsOptions();

и в сюжетеСервис это:

getAnnotationsOptions() {
return {
  legend: {
    display: false
  },
  annotation: {
    annotations: [{
      // drawTime: 'afterDatasetsDraw',
      id: 'hline',
      type: 'line',
      mode: 'horizontal',
      scaleID: 'y-axis-0',
      value: .5,
      borderColor: 'red',
      borderWidth: 10
      }]
    },
plugins: [{
  annotation: {
  annotations: [{
    // drawTime: 'afterDatasetsDraw',
    id: 'hline',
    type: 'line',
    mode: 'horizontal',
    scaleID: 'y-axis-0',
    value: .5,
    borderColor: 'red',
    borderWidth: 10
    }]
  }
}]

}; } * +1010 *

Я также пытался назначить плагины напрямую, используя атрибут [plugins] для компонента, но без любви. Это безнадежное дело?

Answer 1

Изменение scaleID с 'y-axis-1' на

scaleID: 'y-axis-1'

решил мою проблему. О, так много времени ушло на то, чтобы раздавить эту маленькую ошибку типо.