[英]Drawing Google pie by dynamic data
我試圖通過使用 JavaScript 創建一個動態表來繪制一個簡單的 Google 餅圖。
為什么我的代碼失敗?
var g;
for (g=0; g <3; g++) {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task');
data.addColumn('number', 'Failed');
data.addColumn('number', 'Passed');
data.addRows(1);
data.setCell(0, 0, "Work?");
data.setCell(0, 1, 80);
data.setCell(0, 2, 20);
var chartName = 'piechart'+(g+1);
var chart = new google.visualization.PieChart(document.getElementById(chartName));
chart.draw(data,options);
}
我的屏幕上正在繪制 3 個餅圖,但它們都有一種顏色和一種切片,而不是像我的代碼中那樣 20% 80%。
此外,我在控制台上沒有收到任何錯誤。
你的目標是這樣的嗎? 此外,如果可以,請考慮使用 addRows 而不是 setCell
我認為問題在於您的表/數據結構。
<script src="https://www.gstatic.com/charts/loader.js"></script> <div id="piechart1"></div> <div id="piechart2"></div> <div id="piechart3"></div> <script> // Load the Visualization API and the corechart package. google.charts.load('current', { 'packages': ['corechart'] }); // Set a callback to run when the Google Visualization API is loaded. google.charts.setOnLoadCallback(drawChart); function drawChart() { var g; for (g = 0; g < 3; g++) { var data = new google.visualization.DataTable(); data.addColumn('string', 'PassOrfail'); data.addColumn('number', 'Percentage'); data.addRows([ ['Passed', 80], ['Failed', 20], ]); var chartName = 'piechart' + (g + 1); var chart = new google.visualization.PieChart(document.getElementById(chartName)); chart.draw(data); } } </script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.