問題タブ [react-chartjs-2]

chart.jsプラグインのドキュメントと、チャートがブラウザに表示されている間に発生する、ここで利用可能なレンダリング、初期化、更新などのさまざまなフェーズに関するドキュメントを読みました。

しかし、これらの異なるフェーズとフックがどのように機能するかはまだ明確ではありません。そして、チャートに変更を加えるときにどのフックを使用するか。

chart.js 2 を中心に構築された react-chartjs-2 を使用しています。Chartjs はバージョン 3 を大幅に変更してロールアウトしましたが、react-chartjs はまだ chartjs-3 のラッパーを開発していません。

グループ化された棒グラフで null 値をスキップしたいのですが、それ以外の場合は空白が残ります。null 値をスキップするオプションが chartjs-3 に追加されましたが、chartjs-2 にはありません。chartjs-2 を使用すると、プロットは以下のようになり、null 値のギャップがあります。

したがって、このコミット変更#7849を使用し、chartjs-2.9.2 にも同じ変更を加えています。バーの幅は、null 値の領域を埋めるために増加しましたが、右に移動し、以下のように重なっています。なぜこのように振る舞うのですか？どんな助けでも大歓迎です。

以下のcontoller.bar.jsコードを変更しました

で単純な折れ線グラフを作成しようとしていreact-chartjs-2ますが、x 軸と y 軸の最小値/最大値を設定しようとすると、値が取得されません。

に対して次のすべてを試しましoptionsたが、指定した最小値と最大値を強制しているものはありません。

1 回目の試行:

2 回目の試行:

3 回目の試行:

ただし、どれも機能していないようです。私は何を間違っていますか/行方不明ですか? ありがとうございました。

ちなみに、Chart.js のドキュメントは非常に紛らわしく、特に Chart.js の v1 と v2 は根本的に異なるように見えるため、有効な例をオンラインで見つけるのは非常に困難です。