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

cal*_*lvs 4 javascript linechart bar-chart chart.js vue-chartjs

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

eja*_*jaz 6

图表上的数据值

如果那是你的要求。

您可能想使用Chartjs-plugin-datalabels插件。它与 vue-chartjs 一起使用。

import Chart from 'chart.js'
import { Line } from 'vue-chartjs'
import ChartJsPluginDataLabels from 'chartjs-plugin-datalabels'
Run Code Online (Sandbox Code Playgroud)

如果您不希望全局使用该插件。

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

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