Google Chart Pie Chart
HTML
<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
JavaScript
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
["What","HowMuch"],
["White", 3],
["Darkness", 300],
["Red", 4],
["Orange", 4],
["Yellow", 4],
["Green", 4],
["Blue", 4],
["Indigo", 4],
["Violet", 4],
["Darkness", 75],
["Prism", 30],
["Prism", 75],
["Darkness", 75]
]);
var options = {
title: 'The Dark Side of the Pie Chart',
pieStartAngle: 260,
colors: ['White',
'Black',
'red',
'orange',
'yellow',
'green',
'blue',
'indigo',
'violet',
'black',
'#141414',
'#020202',
'black'
],
pieSliceBorderColor: 'grey',
legend: 'right',
pieSliceText: 'none',
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}