angular chartjs折线图默认选项

Question

想知道是否可以为使用 chart.js 创建的所有折线图设置 1 个配置像 :

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',
            } 
          }],
           
      }

然后使用以下方式注入这些选项：

this.chart.options = this.chartOptions;

我不想为多个图表指定选项，因为它们是相同的。最好的方法是什么？

谢谢，

Answer 1

您可以使用 Chart.defaults.global.optionname 设置全局默认选项。您必须为每个选项执行此操作，因此您的图例默认选项部分将如下所示：

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

angular chartjs折线图默认选项

angular chartjs line chart default options

chart.js

angular10