Chart.js の折れ線グラフのラベル数を制限する 質問する

Chart.js の折れ線グラフのラベル数を制限する 質問する

取得したデータからすべてのポイントをチャートに表示したいのですが、すべてのラベルを表示したくありません。そうするとチャートが読みにくくなるからです。ドキュメントで探しましたが、これを制限するパラメータは見つかりませんでした。

たとえば、ラベルを 3 つだけ取るのは避けたいのですが、そうするとチャートも 3 つのポイントに制限されてしまいます。これは可能ですか?

今、次のようなものがあります:

ここに画像の説明を入力してください

3~4 番目のラベルを残すことができれば、それは素晴らしいことです。しかし、ラベル オプションについてはまったく何も見つかりませんでした。

ベストアンサー1

追加してみてくださいoptions.scales.xAxes.ticks.maxTicksLimitオプション:

xAxes: [{
    type: 'time',
    ticks: {
        autoSkip: true,
        maxTicksLimit: 20
    }
}]

おすすめ記事