<div class="piechartdemo" id="piechart" ></div>
.piechartdemo {
height:200px;
width:400px;
}
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Item Name', 'Count Value'],
['One', 1],
['Two', 2],
['Three', 3],
['Four', 4],
['Five', 5]
]);
var options = {
title: 'Demo Chart',
pieSliceText: 'value',
is3D: true,
fontName: 'Segoe UI',
fontSize: '12',
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
This Pen doesn't use any external CSS resources.