[vue.js] highcharts 하이차트

vue.js에서 highcharts 사용하기

vue.js 에서도 highcharts를 사용하여 아래와 같이 차트를 그릴 수 있다!

https://www.highcharts.com/

유료이기 때문에 아마 개인사용자보다는 프로젝트 진행하면서 접하는 분들이 더 많을 것으로 예상된다.

일반적인 jsp+javascript/jquery환경에서는 한 번 사용해본 적이 있는데 vue에서의 사용은 처음이라 많이 버벅였다.

사실 공식 홈페이지에서 제공하는 API Reference(https://api.highcharts.com/highcharts/)가 

상당히 심플하여 응용하는데 어려움을 겪는 분들이 많을 것 같다.

예제) 아래는 jsfiddle을 사용해 작성한 예제이다.

https://jsfiddle.net/soojin1123/g7m8onx0/

jsfiddle을 사용해 이것저것 테스트해볼 수 있다.