如何在 Chart JS 栏中隐藏值

Question

我尝试将值隐藏在条形图的条内。这样做的原因是我将值放在了条形图的顶部，并且该值不应显示两次。

我尝试了不同的选项来隐藏该值，但没有奏效。

在下面你可以看到一个截图，我想删除条内的数字。

Image of the bars

Answer 1

默认情况下，Chart.js 本身不绘制任何数据标签（值）。您很可能已经激活（导入）了一个插件，例如 chartjs-plugin-datalabels，它绘制了这些值：

<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels"></script>

只需从您的代码中删除 script 标记即可。要disable a global plugin 仅针对特定图表实例，插件选项必须设置为false。

在chartjs-plugin-datalabels 的情况下，将按如下方式完成：

options: {
  plugins: {
    datalabels: {
      display: false
    }
  },
}