2016-07-08 30 views
9

In chart.js come posso impostare l'impostazione della dimensione del carattere solo per le etichette dell'asse x senza toccare la configurazione globale?Dimensioni dell'asse chart.js dimensione font

Ho già provato a impostare l'opzione 'scaleFontSize' come oggetto delle opzioni. impostazione Ho anche provato:

{ 
    ... 
    scales: { 
    xAxes: [{ 
     scaleFontSize: 40 
     ... 
    }] 
    } 
} 
+0

https://stackoverflow.com/a/48580585/7186739 – Super

risposta

29

L'attributo fontSize è in realtà in scales.xAxes.ticks e non in scales.xAxes come si pensava.

in modo da avere solo per modificare l'attributo in questo modo:

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


si può vedere un fully working example in this jsFiddle e qui è il suo risultato:

enter image description here

+2

questa è una risposta corretta e dovrebbe essere accettata –

+1

Sì, ma come impostare fontSize per il grafico radar in cui non esistono assi 'x' e' y'? – fonjeekay

+0

Hai fatto riferimento ai segni di spunta xAxes nella tua spiegazione, ma imposta i segni di spunta yAxes su 40 in jsFiddle. –

1

provare a vedere se questo funzionerà

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

Non sembra come scaleFontSize è una struttura valida.

+1

Non funziona purtroppo – dingdingding

+0

funziona sorprendentemente è per il 'scaleLabel' che è scarsamente documentata. – davidkonrad

5

Prova questa sta lavorando

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