Example 3

Pie chart

by Herman Sontrop

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<!-- container element in which we will create the chart -->
<div id="chart1"></div>

JavaScript

var dataSet1 = {
  'data1': 50,
  'data2': 120
};

chart = c3.generate({
  bindto: '#chart1',
  data: {		
    json : dataSet1,
    type : 'pie',
  }
});