1. ホーム
  2. javascript

[解決済み] Chart.jsの折れ線グラフでラベル数を制限する

2022-11-01 14:13:37

質問

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

例えばラベルを3つだけ取りたいのですが、そうするとチャートも3点に限定されてしまうので、そうしたくありません。それは可能でしょうか。

今、そのようなものがあります。

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

どのように解決するのですか?

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

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