-
Chart.js Maximum call stack error 날 때 대응법프론트엔드/Vue 2024. 5. 9. 17:21반응형SMALL
* chart 변수를 data의 return 안에 넣으면 에러남
data(){ this.chart = null; // 이렇게 넣어야 에러 안남 return { // chart: null, 이렇게 넣으면 에러나고 } },
methods:{ draw(){ const chart = document.getElementById(this.id); if(this.chart) this.chart.destroy(); this.chart = new Chart(chart, { type: 'doughnut', data:{ labels: ['블로그', '인스타그램', '유튜브'], datasets: [ { label: '전체 캠페인', data: [ this.counts.blog, this.counts.instagram, this.counts.youtube, ], borderWidth: 0, backgroundColor: ['#00c13a', '#6742d3', '#e5211a',], }, ] }, options: { responsive: true, scales: { x: { display: false }, y: { display: false }, }, plugins: { legend: { display: false, }, }, }, }); }, },
LIST'프론트엔드 > Vue' 카테고리의 다른 글
Quill.js font 넣는법 (custom font 폰트 글자크기) (0) 2024.05.29 vue nuxt에서 카카오 kakao api 사용하는법 #nuxt #kakao #카카오 (0) 2024.03.12 checkbox 또는 radio 활성 css 안먹힐때 #label #checkbox #radio #체크박스 #라디오 (0) 2023.12.15 URL 복사 (링크 복사) (0) 2023.03.26 파일 객체 emit할 때 주의점 #File #Object #Emit #$emit (0) 2023.02.08