javascript - 如何在图表 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
    }
  },
}