Chartjs ライブラリを介して axios からの動的データを使用してチャートを作成しました。 しかし、ブラウザーのグラフを更新すると、最初は次のような利用可能なものが何も表示されません:
ブラウザ ウィンドウのサイズを変更すると、すべてのグラフが次のように表示されます:
コンソールからのエラー:
リーリーなぜこれが起こっているのかわかりません、そして何をすべきかわかりません。 ブラウザーが最初にグラフを構築しようとしているようです (ただし、まだデータを受信していません)。 計算プロセス全体には約 580 ミリ秒かかります。
この MainChart.vue は、グラフの作成に使用されます:
リーリーこの公開ページ Analytics-test.vue。 すべてのメソッドをスキップしました。
リーリーmethods には 19 個の関数がありますが、ここでは入力しないことにしました。
このエラーは、この GitHub の問題で説明されているものと似ているようです: https://github.com/chartjs/Chart.js/issues/5149 これは、次のことが原因である可能性があるようです。チャートのデータ読み込みがすぐに発生しましたが、その問題に関するコメントに解決策がいくつかあります。