web-dev-qa-db-fra.com

Modifiez la couleur des valeurs des axes X et Y. Chart.js

J'utilise v2. * ... Cependant, je n'arrive pas à définir la couleur par défaut pour un graphique en courbes. Je cherche principalement à définir la couleur des valeurs du graphique x/y. a pensé que ce qui suit pourrait le faire - mais cela ne fait rien du tout au graphique.

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

Mise à jour: voici un jsfiddle avec un graphique en direct En bref, je cherche à changer la couleur des étiquettes, c'est-à-dire le 7 février 2016, etc.

https://jsfiddle.net/o534w6jj/

Aidez-moi? :)

15
Mike Barwick

D'accord, alors je l'ai compris. C'est la propriété ticks que je recherche ... voir le code ci-dessous.

Voir jsfiddle mis à jour: 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