<!DOCTYPE html> <html> <head> <title>Organization Chart | Par NGLESSON</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keyword" content="Partager sur les réseaux sociaux"> <meta name="author" content="Mezgani said"> <meta name="copyright" content="NGLESSON"> <meta name="robots" content="index,follow"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body class="container"> <div class="row"> <div class="col-lg-12"> <div id="piechart" class="piechart"></div> </div> </div> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript" src="script.js"></script> </body> </html>
.piechart{ width: 400px; height: 400px; }
google.charts.load("current", {packages:["corechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Language', 'Speakers (in millions)'], ['Mobile', 3.85], ['Tablette', 2.66], ['Ipad', 0.316], ['Desktop', 1.0791] ]); var options = { legend: 'none', pieSliceText: 'label', title: 'Machine', pieStartAngle: 100, }; var chart = new google.visualization.PieChart(document.getElementById('piechart')); chart.draw(data, options); }