Posted on August 17th, 2011 in
javascript & jquery
To create a pie chart, use the following code:
<script type=”text/javascript” src=”https://www.google.com/jsapi”></script>
<script type=”text/javascript”>
google.load(‘visualization’, ‘1.0′, {‘packages’:['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn(’string’, ‘Topping’);
data.addColumn(‘number’, ‘Slices’);
data.addRows([
['Correct Answer', <?php echo $correct_answer_chart; ?>],
['Incorrect Answer', <?php echo $incorrect_answer_chart; ?>],
['Pending Ansewr', <?php echo $pending_answer_chart; ?>],
['Skiped Ansewr', <?php echo $skiped_answer_chart; ?>]
]);
var options = {‘title’:’Result’,
‘width’:600,
‘height’:300,
colors: ['#00CD00', '#e0440e', '#e5e599', '#cccccc']
};
var chart = new google.visualization.PieChart(document.getElementById(‘chart_div’));
chart.draw(data, options);
}
</script>
The above [...]