C3.js 차트 API

http://c3js.org/reference.html

c3를 사용하기 위해서 d3가 필요하다.

<!-- Load c3.css -->
    <link href="css/c3.css" rel="stylesheet" type="text/css">
    <!-- Load d3.js and c3.js -->
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
 
var chart = c3.generate({
  bindto: "#linechart",
  data: {
    columns: [
      ['data1', 30, 200, 100, 400, 150, 250],
      ['data2', 50, 20, 10, 40, 15, 25]
    ]
  }
});

<div id="linechart"></div>

하면 끝...