Vue-Chartjs를 사용하여 꺾은선형 차트를 효율적으로 동적으로 업데이트하는 방법은 무엇입니까?

Question

onMount가 일종의 업데이트를 시뮬레이션하는 차트를 업데이트하는 작업 코드가 있습니다. 하지만 OnMounted 후크에서 배열을 완전히 해체하고 새로운 값으로 다시 빌드하는 것은 그리 효율적이지 않은 것 같나요? data_values ​​및 label_values에 대해 반응성 구성 요소를 사용해 보았지만 업데이트가 실행될 때 최대 호출 스택 초과 오류가 발생합니다.

제 질문은 아래 코드보다 차트를 업데이트하는 더 좋은 방법이 있느냐는 것입니다.

으아악

data_values ​​및 label_values에 대해 반응성 구성 요소를 사용할 수 있고 오류 없이 업데이트가 있는 경우 간단히 배열에 푸시하면 계산된 속성이 업데이트를 처리할 수 있기를 원합니다.

Answer 1

다음과 같이 할당 분해Array.push() 대신 를 사용해 볼 수 있습니다.

으아악