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

Question

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

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

リーリー

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