null 속성을 읽을 수 없습니다('변환' 읽기). 무슨 뜻이에요?

Question

Chartjs 라이브러리를 통해 axios의 동적 데이터를 사용하여 차트를 만들었습니다. 하지만 브라우저 차트를 새로 고치면 먼저 다음과 같은 항목이 없습니다.

브라우저 창의 크기를 변경하면 모든 차트가 표시됩니다.

콘솔 오류:

으아아아

왜 이런 일이 일어나는지 모르겠고 어떻게 해야 할지 모르겠습니다. 브라우저가 먼저 차트를 작성하려고 시도하는 것 같습니다(그러나 아직 데이터를 받지 못했습니다). 전체 계산 과정에는 약 580ms가 소요됩니다.

이 MainChart.vue는 차트를 작성하는 데 사용됩니다.

으아아아

이 공개 페이지 Analytics-test.vue. 모든 방법을 생략했습니다.

으아아아

메소드에는 19개의 함수가 있는데 여기에 입력하지 않기로 했습니다.

Answer 1

이 오류는 다음 GitHub 문제에 설명된 오류와 유사한 것으로 보입니다. https://github.com/chartjs/Chart.js/issues/5149 차트에서 데이터를 즉시 로드하여 발생하는 것일 수도 있지만, 그 점에 대해서는 질문 댓글에 몇 가지 해결책이 있습니다.