웹에서 그래프 만드는 c3.js 알아보기

<본 블로그는 dgkim5360 님 의 블로그를 참고해서 공부하며 작성하였습니다 :-)>

https://dgkim5360.tistory.com/entry/c3-js-cheat-sheet

c3.js 여러 종류의 차트 사용법

 

 

🐳 c3.js

d3.js의 복잡한 데이터 시각화를 조금 더 쉽게 사용할 수 있도록 어느 정도 모듈을 감싸 놓은 d3 기반의 라이브러리

 

 

💨 c3.js 예제 홈페이지

https://c3js.org/

 

💨 c3.js github 에서 사용할 c3.min.js 다운로드

https://github.com/c3js/c3/releases/tag/v0.6.8

 

💨 c3.js 간단한 예제

var chart = c3.generate({
  bindto: "#linechart",
  data: {
    columns: [
      ['data1', 30, 200, 100, 400, 150, 250],
      ['data2', 50, 20, 10, 40, 15, 25]
    ]
  }
});