Simple Google Piechart
How to use google piechart.
P.S.: Don't forget about using jsapi.js
HTML
<script src="http://www.google.com/jsapi?ext.js"></script>
<div id="chart"></div>
JavaScript
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Genre','RM1',{ role: 'annotation' }, { role: 'style' },
'RM2',{ role: 'annotation' }, { role: 'style' }],
['22 Sep 2018', 32,'RM1','3366cc', 33,'RM2','ff9900'],
['23 Sep 2018', 30,'RM1','3366cc', 31,'RM2','ff9900']
]);
var chart = new google.visualization.ColumnChart(document.getElementById('chart'));
chart.draw(data, {
width: 650,
height: 500,
isStacked: true,
fontSize: 11,
chartArea:{
top:20,
left:100
},
sliceVisibilityThreshold: 0
});
}
google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);