chart.js - angular chartjs line chart default options

Question

Wondering if it is possible to have 1 configuration for all line charts that are created using chart.js Something like :

var chartOptions = new Chart.options = options: {
        responsive:true,
        maintainAspectRatio: false,
        
        legend: {
          labels:{
            fontColor : '#01c38c',
          },
          display: true
        },
        scales: {
          xAxes: [{
            type: 'time',
            time: {
              unit: 'day',
              displayFormats:{
                'day': 'MMM DD',
                'week': 'MMM DD',
                'month': 'MMM YYYY'
              },
              
            },
            gridLines :{
              display: true,
              color: 'grey',
            } 
          }],
           
      }

Then inject these options using:

this.chart.options = this.chartOptions;

I don't want to specify options for multiple charts, as they are the same. What is the best approach to this?

Thanks,

question from:https://stackoverflow.com/questions/65939343/angular-chartjs-line-chart-default-options

Answer 1

You can set global default options by using Chart.defaults.global.optionname. You will have to do this for every option so the part for your legend default options will look like this:

Chart.defaults.global.legend.labels.fontcolor = '#01c83c';
Chart.defaults.global.legend.display = true;