c3.js area chart

by Donggun Kim

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.css">
<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>
<div id="areachart"></div>

JavaScript

var areachart = c3.generate({
  bindto: "#areachart",
  data: {
    columns: [
      ['data1', 300, 350, 300, 190, 50, 25],
      ['data2', 130, 100, 140, 200, 150, 50]
    ],
    types: {
      data1: 'area-spline',
      data2: 'area-spline'
    }
  }
});