Chart.js画布更改标签颜色

Question

用html定义的图表：

<div class="chart">
        <canvas
          baseChart
          [chartType]="'line'"
          [datasets]="chartData"
          [labels]="chartLabels"
          [options]="chartOptions"
          [legend]="true"
          (chartClick)="onChartClick($event)">
        </canvas>
      </div>

如何更改html中标签的颜色？

Answer 1

您可以通过以下方式更改legend­标签的字体颜色... 在ts集中

chartOptions.options.legend.labels.fontColor= 'white'; //set your desired color

在您的情况下：

chartOptions =  { 
    responsive: true, 
    maintainAspectRatio: false, 
    fontColor: 'red',
    options:{
        legend:{
            labels:{
                fontColor:'white';//change the color
            }
        }
    }
};