웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 통계 및 차트를 쉽게 이용할 수 있는 billboard.js 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 통계 및 차트를 쉽게 이용할 수 있는 billboard.js

해피CGI윤실장 2020. 2. 7. 09:07

네이버에서 제작한 MIT 라이센스의 차트 billboard.js 입니다.

AreaChart 를 비록하여 타원형 차트, 라인형 차트, 도넛형 차트 등 다양한 차트를 제공해주고

API 도 제공하여 다양한 분야에 쉽게 이용할 수 있습니다.



billboard.js 로 제공되는 기본형 차트입니다.
색상으로 각각의 데이터를 확인할 수 있는 기본형 차트부터 아래에 소개해드릴 다양한 차트 구조를 확인할 수 있습니다.




위와같은 다양한 목차별 차트를 확인할 수 있습니다.

이용하는 방법은 본 사이트에서 다운로드 받을 수 있는 billboard.js 파일과 


billboard.css
billboard.min.js
billboard.min.css
insight.css
insight.min.css 


를 다운받아 상단에 선언한 이후


<div id="chart"></div>


를 소스에 삽입하고, 각 차트에 맞는 코드를 소스상에 선언해주시면 이용이 가능합니다.

자세한 이용방법은 아래 링크에서 확인해보시기 바랍니다.


https://naver.github.io/billboard.js/demo/




홈페이지바로가기

Comments