web-dev-qa-db-fra.com

Chart.js taille d'étiquette des axes

Dans chart.js, comment puis-je définir la taille de la police pour les étiquettes d'axe x sans toucher à la configuration globale?

J'ai déjà essayé de définir l'option 'scaleFontSize' de mon objet options . J'ai également essayé de définir:

{
  ...
  scales: {
    xAxes: [{
      scaleFontSize: 40
      ...
    }]
   }
}
16
dingdingding

L'attribut fontSize est en réalité dans scales.xAxes.ticks et non dans scales.xAxes comme vous le pensiez.

Il suffit donc de modifier l'attribut comme ceci:

var options = {
    scales: {
        yAxes: [{
            ticks: {
                fontSize: 40
            }
        }]
    }
}


Vous pouvez voir un exemple complet dans ce jsFiddle et voici son résultat:

enter image description here

55
tektiv

Essayez ça marche

     options: {
        scales: {
           xAxes: [{
                   ticks: {
                    fontSize: 10
                   }
                  }]
                }
             }

5
NAVEEN KUMAR

Essayez de voir si cela fonctionnera

{
  ...
  scales: {
    xAxes: [{
      fontSize: 40
      ...
    }]
   }
}

Il ne semble pas que scaleFontSize soit une propriété valide.

1
Richard Hamilton

Essayez cette solution simple:

myChart.options.scales.yAxes[0].ticks.fontSize = 40 ;

myChart.update();
0
Abdul Hameed