注释插件不适用于 Chart.js 2.8.0答案

【问题标题】：Annotation plugin not working with Chart.js 2.8.0注释插件不适用于 Chart.js 2.8.0
【发布时间】：2021-09-06 09:42:59
【问题描述】：

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,
    },
  ],
},

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

【问题讨论】：

标签： javascript reactjs annotations chart.js

【解决方案1】：

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

import "chartjs-plugin-annotation";

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

【讨论】：