How to hide legend by default for custom chart types only.

[Udemology]

I have created a custom chart type. This is an extension of Doughnut chart. However, I want to set the legend on display false within the current structure.

Code below works.

    circularChart.id = 'circularGauge';
    circularChart.defaults = Chart.DoughnutController.defaults;
    circularChart.defaults = {
      cutout: '99%',
      rotation: 270,
      circumference: 180,
      borderRadius: 10,
      borderWidth: 1
    }

But if I want to add more like the options/legend:

This does not work

    circularChart.id = 'circularGauge';
    circularChart.defaults = Chart.DoughnutController.defaults;
    circularChart.defaults = {
      cutout: '99%',
      rotation: 270,
      circumference: 180,
      borderRadius: 10,
      borderWidth: 1,
      options: {
          plugins: { legend: false } // does not work. 
      }
    }

Is there a way to set this by default without affecting any other chart types.

// I know the code below works but this would affect all chart types instead of the the specific chart type 'circularGauge'. So I want to avoid that.
Chart.defaults.plugins.legend.display = false

Hope there is someone can shed a light on this topic. As I struggle with the docs about this.

[stockiNail]

@Udemology I think you should add overrides property to your controller for that:

circularChart.overrides = {
  plugins: { legend: false } 
}

[Udemology]

@stockiNail,
Thank you so much for this. I works. Truly appreciate it.
I could not figure this out, I've spent hours trying to test all kind of options but havent seen any overrides property in the docs.

One day I hope to be on your level of understanding of Chart.js.

[stockiNail]

@Udemology you are right. The doc is not going so in deep on these "internals" configuration. It's also not simple to explain these options, how you can use and configure (and there are several). Maybe a topic to improve on the doc pages for the extensions (controllers and plugins).