ホームページ  >  に質問  >  本文

Vue-Chartjs を使用して折れ線グラフを動的に効率的に更新するにはどうすればよいですか?

onMount が何らかの更新をシミュレートするチャートを更新する、この機能するコードがあります。しかし、OnMounted フックで配列を完全に構造解除し、新しい値で再構築するのはあまり効率的ではないように思えますか? data_values と label_values にリアクティブ コンポーネントを使用しようとしましたが、更新が開始されると最大コール スタック超過エラーが発生します。

それでは、私の質問は、以下のコードよりもグラフを更新するより良い方法はあるのかということです。

リーリー

data_values と label_values にリアクティブ コンポーネントを使用できるようにしたいと考えています。エラーのない更新がある場合は、配列にプッシュするだけで、計算されたプロパティが更新を処理します。

P粉460377540P粉460377540264日前475

全員に返信(1)返信します

  • P粉237689596

    P粉2376895962024-01-30 12:01:50

    次のように、代入 Array.push() を構造化する代わりに を使用してみてください。 リーリー

    返事
    0
  • キャンセル返事