在Chart.js中更改X和Y轴值的颜色

Question

我正在使用v2版本。然而，我似乎无法设置折线图的默认颜色。我主要想设置x/y轴图表值的颜色。我认为下面的代码可能可以实现 - 但它根本没有对图表产生任何影响。

Chart.defaults.global.defaultColor = 'orange',

更新

这里是一个带有动态图表的jsfiddle链接。简单来说，我想要改变标签的颜色，例如：2016年2月7日等等。

https://jsfiddle.net/o534w6jj/

- Mike Barwick

---

什么是 x 轴和 y 轴的值？您是否尝试更改轴标签的颜色？图表的 x、y 值？数据点？能否提供带有数据的完整示例？ - chiliNUT

在我的问题中添加了一个包含实际图表的fiddle。 - Mike Barwick

Answer 1

好的，我找到了答案。我需要寻找 ticks 属性...请参见下面的代码。

请查看更新后的jsfiddle：https://jsfiddle.net/o534w6jj/1/

var ctx = $("#weekly-clicks-chart");
var weeklyClicksChart = new Chart(ctx, {
    type: 'line',
    data: data,
    scaleFontColor: 'red',
    options: {
            scaleFontColor: 'red',
        responsive: true,
        tooltips: {
            mode: 'single',
        },
        scales: {
            xAxes: [{ 
                gridLines: {
                    display: false,
                },
                ticks: {
                  fontColor: "#CCC", // this here
                },
            }],
            yAxes: [{
                display: false,
                gridLines: {
                    display: false,
                },
            }],
        }
    }         
});

- Mike Barwick

Answer 2

如果您正在使用Chartjs v3+，您可以尝试这个方法。

    options: {
      ...
      scales: {
        y: {
          ticks: {
            color: 'red'
          }
        }
        ,
      }
    }

- Evan