null のプロパティを読み取ることができません (「変換」を読み取ります)。それはどういう意味ですか？

Question

Chartjs ライブラリを介して axios からの動的データを使用してチャートを作成しました。 しかし、ブラウザーのグラフを更新すると、最初は次のような利用可能なものが何も表示されません:

ブラウザ ウィンドウのサイズを変更すると、すべてのグラフが次のように表示されます:

コンソールからのエラー:

リーリー

なぜこれが起こっているのかわかりません、そして何をすべきかわかりません。 ブラウザーが最初にグラフを構築しようとしているようです (ただし、まだデータを受信して​​いません)。 計算プロセス全体には約 580 ミリ秒かかります。

この MainChart.vue は、グラフの作成に使用されます:

リーリー

この公開ページ Analytics-test.vue。 すべてのメソッドをスキップしました。

リーリー

methods には 19 個の関数がありますが、ここでは入力しないことにしました。

Answer 1

このエラーは、この GitHub の問題で説明されているものと似ているようです: https://github.com/chartjs/Chart.js/issues/5149 これは、次のことが原因である可能性があるようです。チャートのデータ読み込みがすぐに発生しましたが、その問題に関するコメントに解決策がいくつかあります。