web-dev-qa-db-ja.com

X軸とY軸の値の色を変更します。 Chart.js

V2。*を使用していますが、折れ線グラフのデフォルトの色を設定できないようです。私は主にx/yチャート値の色を設定しようとしています。以下がそれを行うかもしれないと考えました-しかし、それはチャートにまったく何もしません。

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

更新：ライブチャートを使用したjsfiddleです要するに、ラベルの色を変更しようとしています（2016年2月7日など）。

https://jsfiddle.net/o534w6jj/

助けて？ :)

javascriptjquerychartschart.js
15
Mike Barwick

さて、私はそれを理解しました。それは私が探している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,
                },
            }],
        }
    }         
});
41
Mike Barwick