时间戳

首页 > 解决方案 > angular chartjs 折线图默认选项

chart.js - angular chartjs 折线图默认选项

问题描述

想知道是否可以为使用 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;

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

谢谢，

标签： chart.jsangular10

解决方案

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

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

推荐阅读