2016-07-08 75 views
9

Chart.jsでグローバル設定に触れることなく、x軸のラベルのフォントサイズを設定するにはどうすればよいですか?Chart.js軸ラベルのフォントサイズ

私は既に 'scaleFontSize'オプションを設定しようとしました。私のオプションオブジェクトです。これはscaleFontSizeが有効な財産であるようにそれは見えない

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

を動作するかどうかを確認するために

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

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

答えて

29

fontSizeの属性は実際にはscales.xAxes.ticksで、scales.xAxesにはありません。

だから、あなたはこのように属性を編集する必要があります。

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


あなたがここに fully working example in this jsFiddleとはその結果である見ることができます:

enter image description here

+2

これは正解であり、受け入れられるはずです –

+1

はい、しかし、 'x'と' y'軸がないレーダーチャートに対してfontSizeを設定する方法はありますか? – fonjeekay

+0

xAxesティックをあなたの説明で参照しましたが、jAFiddleでyAxesティックを40に設定しました。 –

1

てみてください: は、私はまた、設定しようとしました。

+1

残念ながら – dingdingding

+0

は、驚くべきことに悪い文書化されている 'scaleLabel'ための作品では動作しません。 – davidkonrad

5

が、これは

を働いているお試しください

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

関連する問題