Google pie chart





Codice HTML

<!DOCTYPE html>
<html lang="it" >
 
<head>
 <meta charset="UTF-8">
 <title>Google 3d pie chart</title>
 
</head>
 
<body>
 
<html>
 <head>
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 <script type="text/javascript">
 google.load("visualization", "1", {packages:["corechart"]});
 google.setOnLoadCallback(drawChart);
 function drawChart() {
 var data = google.visualization.arrayToDataTable([
 ['Task', 'Ore per giorno'],
 ['Lavorare', 10],
 ['Mangiare', 3],
 ['Altre attività', 2],
 ['Guardare la TV', 2],
 ['Dormire', 7]
 ]);
 
var options = {
 title: 'Le mie attività giornaliere (in ore e percentuali)',
 is3D: true,
 };
 
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
 chart.draw(data, options);
 }
 </script>
 </head>
 <body>
 <div id="piechart_3d" style="width: 900px; height: 500px;"></div>
 </body>
</html>
 
</body>
 
</html>