2016-07-08 25 views
9

W pliku chart.js w jaki sposób ustawić rozmiar czcionki dla etykiet osi X bez dotykania konfiguracji globalnej?Chart.js osi rozmiar czcionki czcionki

Próbowałem już ustawić opcję "scaleFontSize" mój obiekt opcji. Próbowałem zostały również ustawienie:

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

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

Odpowiedz

29

Atrybut fontSize jest rzeczywiście w scales.xAxes.ticks, a nie w scales.xAxes, jak myślisz.

Więc po prostu trzeba zmodyfikować atrybut tak:

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


widać fully working example in this jsFiddle a oto jego wynik:

enter image description here

+2

to jest poprawna odpowiedź i powinna być zaakceptowana –

+1

Tak, ale jak ustawić fontSize dla wykresu radarowego, gdzie nie ma osi "x" i "y"? – fonjeekay

+0

Odniesiesz się do tyknięć xAxes w wyjaśnieniu, ale ustaw tyrysy yAxes na 40 w jsFiddle. –

1

spróbować sprawdzić, czy to będzie działać

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

To nie wygląda scaleFontSize jest ważna właściwość.

+1

Nie działa niestety – dingdingding

+0

Zaskakująco znaczy pracuje dla 'scaleLabel' który jest słabo udokumentowany. – davidkonrad

5

Spróbuj pracuje

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

Powiązane problemy