[Vue.js] chart.js 이용하여 차트 그리기

https://www.sitepoint.com/creating-beautiful-charts-vue-chart-js/

 

위 페이지를 들어가면 vue에서 차트 그리는 것에 대한 간단한 예제 소스를 볼 수 있다.

vue-charts, vue-chartjs, vue-chartkick 를 이용한 예제이고,

 

vue-charts

세가지 중에 가장 파워풀하다. 반응성이나 유연함에 있어서 좋다. (데이터의 변화가 있을 때 자동으로 re-render 된다.)

vue-chartsjs

vue-chartjs 와 다르게(?) 셋팅이 쉽다. 데이터를 처리하고 render 하기 위해 콤포넌트를 분리할 필요가 없다.(예제 소스 한번 보세요) dataset 에서의 변화가 있으면 자동으로 re-render 되는 유연함을 가지고 있다.

vue-chartkick

셋중에 가장 쉬울 것이다. vue-chartkick에서는 2가지 방법으로 dataset 이 추가 될 수 있다.