0

具体的には、一番最初の刻みをやや小さくしたいです。何かいい方法ありますか?

chart.jsバージョン 2.9.3

scale: {
    ticks: {
        min: 0,
        max: 5,
        stepSize: 1,        ← 一番目の間隔を0.5ほどにしたい。他は1のままで
        display: false, 
        }
}

1 件の回答 1

0

gridLines の 幅指定 lineWidth を 0 にすることで線を引かなくすることができます。
0.5 間隔に設定して 線を引きたくない場所は 線の幅を 0 にします。

options: {
    scale: {
        gridLines: {
            lineWidth: [1, 1, 0, 1, 0, 1, 0, 1, 0, 1]
        },
        ticks: {
            min: 0,
            max: 5,
            stepSize: 0.5, // ← 一番目の間隔を0.5ほどにしたい。他は1のままで
            display: false                              
        }
    }
}

描画したグラフ

参考までに
chart.jsのtick表示を間引きたい
を参考にして ラベル表示の ON OFF を制御すると 下記のような図も作成できます。

画像の説明をここに入力

2
  • ありがとうございました。 できました!!! 範囲を0~4.5にして、0.5間隔で設定したらきれいに表示できました。
    – user41713
    2020年9月2日 5:08
  • あ、線を引きたいのは 0.5 , 1.5 , 2.5 , 3.5 , 4.5 の場所だったんですね。 最初だけ 0.5 って不思議だな・・と思ってたんです。
    – user18851
    2020年9月2日 23:13

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。