如何更改Chart JS中轴的特定标签的文本颜色？

Question

如何更改Chart JS中轴的特定标签的文本颜色？

Answer 1

有4种特殊的全局设置可以更改图表上的所有字体。这些选项位于Chart.defaults.global中。仅当配置中未包含更多特定选项时，全局字体设置才适用。

例如，在此图表中，文字全部为红色，但图例中的标签除外。

Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legend: {
            labels: {
                // This more specific font property overrides the global property
                fontColor: 'black'
            }
        }
    }
});

Answer 2

您可以按照in the docs设置刻度颜色：

new Chart(ctx, {
    type: "line",
    data: data,
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    fontColor: "white",
                    fontSize: 18,
                }
            }],
            xAxes: [{
                ticks: {
                    fontColor: "white",
                    fontSize: 14,
                }
            }]
        }
    }
});

请参见https://www.chartjs.org/docs/latest/general/colors.html以查看可以定义颜色的格式。