Chartjs 라이브러리를 통해 axios의 동적 데이터를 사용하여 차트를 만들었습니다. 하지만 브라우저 차트를 새로 고치면 먼저 다음과 같은 항목이 없습니다.
브라우저 창의 크기를 변경하면 모든 차트가 표시됩니다.
콘솔 오류:
으아아아왜 이런 일이 일어나는지 모르겠고 어떻게 해야 할지 모르겠습니다. 브라우저가 먼저 차트를 작성하려고 시도하는 것 같습니다(그러나 아직 데이터를 받지 못했습니다). 전체 계산 과정에는 약 580ms가 소요됩니다.
이 MainChart.vue는 차트를 작성하는 데 사용됩니다.
으아아아이 공개 페이지 Analytics-test.vue. 모든 방법을 생략했습니다.
으아아아메소드에는 19개의 함수가 있는데 여기에 입력하지 않기로 했습니다.
P粉3114649352024-01-11 12:37:43
이 오류는 다음 GitHub 문제에 설명된 오류와 유사한 것으로 보입니다. https://github.com/chartjs/Chart.js/issues/5149 차트에서 데이터를 즉시 로드하여 발생하는 것일 수도 있지만, 그 점에 대해서는 질문 댓글에 몇 가지 해결책이 있습니다.