如何在 chart.js 3 中的条形图和折线图顶部显示数据值

Question

我想知道是否可以在 chartjs3 中显示图表数据。我知道 Chartjs2 有这样的东西，但我不知道它是否可能在 3

Answer 1

如果这是你的要求。

您可能想要使用 chartjs-plugin-datalabels 插件。它适用于 vue-chartjs。

import Chart from 'chart.js'
import { Line } from 'vue-chartjs'
import ChartJsPluginDataLabels from 'chartjs-plugin-datalabels'

如果您不想在全局范围内使用该插件。

Chart.defaults.global.plugins.datalabels.display = false;

您可以找到添加插件的文档https://vue-chartjs.org/api/#addplugin。