[Chartjs]-How to hide value in Chart JS bar

by

9👍

✅

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>

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.

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

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

Leave a comment