如何隐藏图表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
    }
  },
}