How to make a pie chart in html?

Simple pie chart.

html chart piechart

15th Apr 2020, 8:03 PM

Bishwo Bibek Sedhai

3 Answers

+ 1

https://code.sololearn.com/WCKe47rkyXxW/?ref=app https://code.sololearn.com/WrNAOSwlxVh0/?ref=app

15th Apr 2020, 9:14 PM

visph

<!DOCTYPE html> <html lang="en-US"> <body> <h1>My Web Page</h1> <div id="piechart"></div> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> // Load google charts google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); // Draw the chart and set the chart values function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], ['Work', 8], ['Eat', 2], ['TV', 4], ['Gym', 2], ['Sleep', 8] ]); // Optional; add a title and set the width and height of the chart var options = {'title':'My Average Day', 'width':550, 'height':400}; // Display the chart inside the <div> element with id="piechart" var chart = new google.visualization.PieChart(document.getElementById('piechart')); chart.draw(data, options); } </script> </body> </html>

15th Apr 2020, 8:06 PM

Bishwo Bibek Sedhai

thats all ways in code but you can also use a third party program like excel or powerpoint and use that to show on your page

19th Apr 2020, 12:53 AM

David Paredes