reactjs - chartjs 插件数据标签未在图表上显示值

Question

我正在尝试使用 chartjs 数据标签插件获取每个条上的值。
所以在条形“a”上方 a 想看到数字 30 及以上或在条形“b”内我想看到数字 50。
但它根本没有显示任何值。
任何人都可以帮助并告诉我出了什么问题吗？
我也尝试使用不同版本的chartjs，但没有帮助。
目前我正在使用 Chartjs 3.2.0
和 chartjs-plugin-datalabels 2.0.0
这是codeandbox中的一个例子
https://codesandbox.io/s/chart-js-plugin-5ez9p?file=/src/App.tsx

Answer 1

根据 documentation您仍然需要注册插件才能使用它:

import {Chart} from 'chart.js';
import ChartDataLabels from 'chartjs-plugin-datalabels';

Chart.register(ChartDataLabels);

工作代码和框: https://codesandbox.io/s/chart-js-plugin-forked-dig8k?file=/src/App.tsx