Javascript charts.js：如何获取标签的图例颜色

我在画布（第9页）的上下文中通过以下方式接收信息：

var ctx = this.Chart.nativeElement.getContext('2d');

我想了解chart.js自动生成的图例颜色

我的画布代码是：

<canvas
    baseChart 
    #linechart
    id="linechart"
    name="linechart"
    [datasets]="grafica.series" 
    [labels]="grafica.labels" 
    [options]="lineChartOptions"
    [colors]="lineChartColors" 
    [legend]="lineChartLegend" 
    [chartType]="lineChartType" 
    [plugins]="lineChartPlugins"
    chart-dataset-override="dataSetOverride"
    >
  </canvas>

---

好的，您可以拦截自动图例标签创建调用，并在返回结果之前将结果保存在某个位置，这将为您提供颜色

将labels块更改为此，您可以在控制台日志中看到它的外观：

    legend: {
      labels: {
        fontColor: 'white', //set your desired color
        generateLabels: (ctx) => {
          var labels = Chart.defaults.global.legend.labels.generateLabels(ctx);
          console.log('created labels', labels);
          return labels;
        }
      }
    },

---

你的意思是什么样的访问？我看到你已经设置了fontColor:'白色'//设置你想要的颜色，这应该会使它们变为白色，不是吗？很抱歉获取图表图例的颜色如果你不使用backgroundColor来指定，chart.js会自动生成，我不想控制颜色，只是为了获取为chart.js生成的颜色对我来说没问题

    legend: {
      labels: {
        fontColor: 'white', //set your desired color
        generateLabels: (ctx) => {
          var labels = Chart.defaults.global.legend.labels.generateLabels(ctx);
          console.log('created labels', labels);
          return labels;
        }
      }
    },