// Load the Visualization API and the piechart package. google.load('visualization', '1', {'packages':['piechart']});
// Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart() {
// Create our data table. var data = new google.visualization.DataTable(); data.addColumn('string', 'Task'); data.addColumn('number', 'Hours per Day'); data.addRows([ ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]);
// Instantiate and draw our chart, passing in some options. var chart = new google.visualization.PieChart(document.getElementById('chart_div')); chart.draw(data, {width: 400, height: 240, is3D: true, title: 'My Daily Activities'}); }
Stats
// Load the Visualization API and the piechart package. google.load('visualization', '1', {'packages':['piechart']});
// Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart() {
// Create our data table. var data = new google.visualization.DataTable(); data.addColumn('string', 'Task'); data.addColumn('number', 'Hours per Day'); data.addRows([ ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]);
// Instantiate and draw our chart, passing in some options. var chart = new google.visualization.PieChart(document.getElementById('chart_div')); chart.draw(data, {width: 400, height: 240, is3D: true, title: 'My Daily Activities'}); }