如何隐藏图表JS栏中的值

Question

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

我尝试了不同的选项来隐藏该值，但它不起作用。

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

酒吧图片

Answer 1

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

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

只需从代码中删除

script

标签即可。要仅针对特定图表实例禁用全局插件，插件选项必须设置为

false

。

对于

chartjs-plugin-datalabels

的情况，将按如下方式完成：

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