Donut chart example
An example of a Google Donut Chart.
HTML
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="donut_single" style="width: 900px; height: 500px;"></div>
JavaScript
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Effort', 'Amount given'],
['above Baseline', 5],
['below Baseline', 95]
]);
var options = {
pieHole: 0.8,
pieSliceText: 'none',
pieStartAngle: 0,
pieSliceTextStyle: {
color: 'black',
},
legend: 'none',
slices:[{color:'#bd0900'},{color:'red'}]
};
var chart = new google.visualization.PieChart(document.getElementById('donut_single'));
chart.draw(data, options);
}