Chart.js：如何修改图表标题标签的颜色？

你要修改的图表上方“AAPL”是图例（legend）的标签，需要在options里添加plugins.legend配置来设置颜色：

修改后的代码如下：

public renderChart(xData, yData, symbol){
  this.chart = new Chart("canvas" + symbol, {
    type: "line",
    data : {
      labels: xData,
      datasets: [{
        label: symbol,
        data: yData,
        backgroundColor: "#fdb44b",
        borderColor: "#00204a",
      }]
    },
    options: {
      responsive: true,
      maintainAspectRatio: false,
      scales: {
        y: {
          ticks: { color: '#f5f5f5'}
        },
        x: {
          ticks: { color: "#f5f5f5" }
        }
      },
      // 添加这部分配置修改图例标签颜色
      plugins: {
        legend: {
          labels: {
            color: "#你的目标颜色值" // 替换成你想要的颜色，比如#ffffff
          }
        }
      }
    }
  })
}

• plugins.legend.labels.color用于设置图例标签的文字颜色
• 你可以把#你的目标颜色值替换成任意合法的颜色格式（十六进制、RGB、颜色名称等）

内容的提问来源于stack exchange，提问作者Twenny