批注插件不适用于Chart.js 2.8.0

Question

chartjs版本: 2.8.0

chartjs插件注释: 0.5.7

尝试让图表注解插件在chartjs 2.8.0上工作--到目前为止，注解还没有显示出来。

import * as ChartAnnotation from 'chartjs-plugin-annotation';

在图表配置中：

plugins: [ChartAnnotation],

在图表选项中：

    annotation: {
  annotations: [
    {
      id: 'a-line-1',
      type: 'line',
      mode: 'vertical',
      scaleID: 'y-axis-0',
      value: '25',
      borderColor: 'red',
      borderWidth: 2,
    },
  ],
},

尝试将注解对象封装在插件对象中，但在过去有人遇到过这个问题吗？

Answer 1

注释插件会在v2中注册自己，所以你只需要像这样导入它：

import "chartjs-plugin-annotation";

工作示例：https://codesandbox.io/s/competent-dust-nqfcz?file=/src/app/app.component.ts