使用 Chartjs-plugins-datalabels (ReactJS) 时找不到模块 /chartjs.helpers

Question

我正在尝试在条形图顶部添加数据标签

import { Bar } from 'react-chartjs-2';
import ChartDataLabels from 'chartjs-plugin-datalabels';

<Bar data={chartData} options={opts} plugins={[ChartDataLabels]} />

参考这个链接

面临以下问题：

无法解析/node_modules/chartjs-plugins-datalabels/dist中的chart.js/helpers

Answer 1

您使用的版本不匹配。当您使用 Chart.js 版本 2 时，datalabels 插件的版本 2 适用于 Chart.js 版本 3。因此，您要么需要更新 Chart.js 和包含重大更改的包装器，要么需要安装 1.0.0 版数据标签插件