Vue | vue-chart-3 사용하기
Chart.js 만을 사용해서 차트를 사용 해보려고 했는데 뜨기는 하는데 update가 안되서 한참 고민을 하다가 결국에 vue-chart-3으로 바꿨습니다. update 도 간단하게 되고 좋네요. 설치 yarn add vue-chart-3 chart.js 이미 chart.js 가 깔린 경우는 깔지 않아도됩니다. 표 삽입 방법 template 을 작성 해줍니다. import { defineComponent } from 'vue'; import { DoughnutChart } from 'vue-chart-3'; import { Chart, registerables } from "chart.js"; Chart.register(...registerables); export default defineCompon..
Vue | Chart.js 를 활용하여 차트 넣기
저는 YARN 을 사용하고 있기 때문에 yarn 으로 설치를 해줬습니다. yarn add vue-chartjs chart.js 차트를 띄우려고 하는 vue 파일에 적용하면 됩니다. template 에는 필요한 부분을 Bar 형태의 차트 기준입니다. import { Bar } from 'vue-chartjs' import { Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale } from 'chart.js' ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale) 그 이후에 차트에 대한 정보를 넣어줍니다. data() { ret..