更改X和Y轴值的颜色.chart.js之

Question

我正在使用v2.*...但是,我似乎无法设置折线图的默认颜色.我主要想设置x/y图表值的颜色.想到下面可能会这样做 - 但它根本没有对图表做任何事情.

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

更新:这是一个带有实时图表的jsfiddle 简而言之,我希望改变标签的颜色,即2016年2月7日等.

https://jsfiddle.net/o534w6jj/

救命？:)

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,
                },
            }],
        }
    }         
});

Answer 2

对于使用 Chartjs v3+的任何人，您都可以尝试这个。

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