Example 1

Gauge

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>
<div id="chart1"></div>

JavaScript

var gaugeData = {data: 75};	
  
  var chart1 = c3.generate({
	  bindto: '#chart1',
	  data: {
	    json: gaugeData,
	    type: 'gauge',
	  },
	  gauge: {
	    min: 0,
	    max: 100
	  }
	});