vue3, chart.js 최신 버전 사용시 차트 불러오는 방벙은 공식 페이지에 다 있었다?
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
뷰 최신 버전에서 차트를 불러올려면 강사님께서 올려주신 영상 내용과 달리 다르게 해주어야 한다! 스크립트 밑에 import 를 import { Chart, ArcElement, LineElement, BarElement, PointElement, BarController, BubbleController, DoughnutController, LineController, PieController, PolarAreaController, RadarController, ScatterController, CategoryScale, LinearScale, LogarithmicScale, RadialLinearScale, TimeScale, TimeSeriesScale, Decimation, Filler, Legend, Title, Tooltip, SubTitle } from 'chart.js'; Chart.register( ArcElement, LineElement, BarElement, PointElement, BarController, BubbleController, DoughnutController, LineController, PieController, PolarAreaController, RadarController, ScatterController, CategoryScale, LinearScale, LogarithmicScale, RadialLinearScale, TimeScale, TimeSeriesScale, Decimation, Filler, Legend, Title, Tooltip, SubTitle ); 더 간편하게는 import { Chart, registerables } from 'chart.js'; Chart.register(...registerables); 더더 간편하게는 import Chart from 'chart.js/auto'; 완전 어썸하다. 이런 내용은 chart.js에 다 있었다! 어썸! https://www.chartjs.org/docs/latest/getting-started/integration.html
- vue
- chart.js
- chart
- 뷰3
- 뷰