如何在 Chart JS 栏中隐藏值-前端问题

How to hide value in Chart JS bar(如何在 Chart JS 栏中隐藏值)

本文介绍了如何在 Chart JS 栏中隐藏值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

i try to hide the value inside the bars of my bar chart. The reason for that is that i placed the value on top of the bars, and the value should not be shown twice.

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

I tried different options to hide the value but it did not work.

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

In the following you can see a screenshot, i want to remove the numbers inside the bars.

条形图

推荐答案

默认情况下，Chart.js 本身不绘制任何数据标签(值).您很可能已经激活(导入)了一个插件，例如 chartjs-绘制这些值的插件数据标签:

Chart.js does not draw any data labels (values) itself by default. You most probably have activated (imported) a plugin such as chartjs-plugin-datalabels that draws these values:

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

只需从您的代码中删除 script 标记.为特定图表实例禁用全局插件仅，插件选项必须设置为 false.

Simply remove the script tag from your code. To disable a global plugin for a specific chart instance only, the plugin options must be set to false.

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

In the case of chartjs-plugin-datalabels, this would be done as follows:

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

这篇关于如何在 Chart JS 栏中隐藏值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！