HOW TO ADD PIE CHART IN HTML | PRAKHAR DONERIA

Input:

 <html>

  <head>
   
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
   
<script type="text/javascript">
      google
.charts.load("current", {packages:["corechart"]});
      google
.charts.setOnLoadCallback(drawChart);
     
function drawChart() {
       
var data = google.visualization.arrayToDataTable([
         
['Task', 'Hours per Day'],
         
['Work',     11],
         
['Eat',      2],
         
['Commute',  2],
         
['Watch TV', 2],
         
['Sleep',    7]
       
]);

       
var options = {
          title
: 'My Daily Activities',
         
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>


Output:

LOGO

Comments

Popular posts from this blog

What is a Blogs? How to create account on Blog?

What is JAVASCRIPT?How to make a program using HTML and Java | "Hello World" | Prakhar Doneria