[Chart.js] X軸とY軸に表示されているラベルの文字列をカスタマイズする方法

[Chart.js] X軸とY軸に表示されているラベルの文字列をカスタマイズする方法

グラフをキレイに見せるコツは、ラベルの表示方法にあることに気がついた、ユゲタです。 グラフの「ラベ...概要を表示 グラフをキレイに見せるコツは、ラベルの表示方法にあることに気がついた、ユゲタです。 グラフの「ラベル」というのは、縦横の値の目安になる値を表示しているアレです。 この画像の赤枠の箇所です。 Chart.jsでは、値がたくさんある場合に、適度に間引いてくれる機能や、長さが隣と干渉する場合に、 角度をナナメにして、文字の重なりを防いでくれる機能がデフォルトでついていますが、 自動的に判断されるため、思ったとおりにならない場合も多いでしょう。 あと、値に対してそれぞれ単位を付与したいという要望も多いため、 今回は、これらをセットしたサンプルを紹介してみたいと思います。 【お断り】 このブログ記事は、Chart.jsの標準的な使い方ができる人が対象です。 Char.jsの基本設定などは、本家サイトのサンプルなどで使える人を対象にしていますので、下記リンクから環境を作ってから本ページを参照ください。