Unable to hide legend in React.js

[baltagih2]

Expected Behavior

Should be able to hide legend using "display: false"

Current Behavior

Does not hide legend

Steps to Reproduce

• create any chart
• add options = {legend: {
  display: false,
  }}

Context

I am not able to remove this. Read documentation from beginning to end and tried everything I found online. And if I don't include a label, it just shows undefined instead of removing it with the box.

Environment

"chart.js": "3.4.1",
"react-chartjs-2": "3.0.4",
Chrome (Latest)

[LeeLenaleee]

As stated in the migration guide (https://www.chartjs.org/docs/master/getting-started/v3-migration.html) and namespace field of the legend section (https://www.chartjs.org/docs/master/configuration/legend.html).

You have to configure the legend config in the plugins part like so:

options:{
  plugins:{
    legend:{
      // Legend config
    }
  }
}