javascript - Chart.js 更改标签字体颜色

标签 javascript charts

我有一个使用 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>

我在文档中查找但找不到如何更改所有标签颜色?

在我的示例中,我需要更改标签的颜色:["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"]label: "My First dataset",

有什么想法吗?

最佳答案

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

关于javascript - Chart.js 更改标签字体颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37592223/

相关文章:

c# - 加载程序集时出现异常 : System. IO.FileNotFoundException : Could not load assembly 'System. ValueTuple,版本 = 4.0.2.0,

javascript - CSS 动画摆动

javascript - 如何在 Reactjs 中从另一个组件触发状态

javascript - Bootstrap Popover 不显示

javascript - 如何在 Chart.js 中显示工具提示?

javascript - 有没有办法替换 c3 中的区域?

javascript - 以 Angular 交叉引用两个数据集

javascript - 显示 "hours and minutes"适用于除 safari 之外的所有浏览器。 JavaScript 日期

c# - ASP.NET 堆积柱形图 - 轴故障

javascript - 强制 billboard.js 样条图渲染所有线条