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

【问题标题】：How to show data values in top of bar chart and line chart in chart.js 3如何在chart.js 3中的条形图和折线图顶部显示数据值
【发布时间】：2019-08-05 17:08:00
【问题描述】：

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

【问题讨论】：

“图表数据”是什么意思？你能举例说明你正在尝试做什么吗？

标签： javascript chart.js bar-chart linechart vue-chartjs

【解决方案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。

【讨论】：