Chart.js更改标签字体颜色

Question

我有一个使用http://www.chartjs.org的简单图表，如下：

<script>
        var canvas = document.getElementById('myChart2');
        var data = {
            labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
            datasets: [{
                label: "My First dataset",
                backgroundColor: "rgba(179,181,198,0.2)",
                borderColor: "rgba(179,181,198,1)",
                pointBackgroundColor: "rgba(179,181,198,1)",
                pointBorderColor: "#fff",
                pointHoverBackgroundColor: "#fff",
                pointHoverBorderColor: "rgba(179,181,198,1)",
                data: [65, 59, 90, 81, 56, 55, 40]
            }, {
                label: "My Second dataset",
                backgroundColor: "rgba(255,99,132,0.2)",
                borderColor: "rgba(255,99,132,1)",
                pointBackgroundColor: "rgba(255,99,132,1)",
                pointBorderColor: "#fff",
                pointHoverBackgroundColor: "#fff",
                pointHoverBorderColor: "rgba(255,99,132,1)",
                data: [28, 48, 40, 19, 96, 27, 100]
            }]
        };
        var option = {
            showLines: false
        };
        var myLineChart = Chart.Radar(canvas, {
            data: data,
            options: option
        });
    </script>

我在文档中寻找但无法找到如何更改所有标签颜色的方法？

在我的例子中，我需要改变 labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"] 或者 label: "My First dataset" 的颜色。

有什么想法吗？

- Clément Andraud

---

也许可以查看 defaultFontColor http://www.chartjs.org/docs/#chart-configuration-global-configuration - user5455540

Answer 1

/*Global settings*/
    Chart.defaults.global.defaultFontColor = '#fff';

- Yur D

---

这个应该放在哪里？ - B. Clay Shannon-B. Crow Raven

这是设置在全局图表上的。可以放在任何地方。 - Martin Nuc

请指明在哪里可以完成以下与编程有关的内容？特别是在Angular 2/4的TypeScript中。我尝试过了，但没有任何作用-它确实会产生编译错误。 - Abdeali Chandanwala

有时候图表会自动刷新，有时候不会。我不知道如何正确实现这个变化。因此，这个答案只是部分正确的。 - Vladimir Despotovic

我正在使用angular-chart.js，但是fontColor: "#fff"对我不起作用，真的不知道为什么，但是这行代码解决了问题，非常感谢。 - Soul Eater

Answer 2

如果有人正在使用TypeScript的ng2-charts：

在组件中：

private lineChartOptions:any = {
    legend : {
        labels : {
          fontColor : '#ffffff'  
        }
    }
};

在模板中：

<canvas baseChart [options]="lineChartOptions"></canvas>

- Stefan Cronje

---

此设置仅更改图例标签颜色，而不是图表中的所有标签 - 默认颜色为：#666。 - Abdeali Chandanwala

如何以这种方式更改x轴和y轴的颜色，@stefan？ - Jomol MJ