[英]Creating data for Google pie chart
我想這可能更多是數學問題,但我還是會嘗試! 我正在使用Google餅圖( https://developers.google.com/chart/interactive/docs/gallery/piechart )顯示我的數據。
我如何才能創建完整的餅圖,目前它只是創建無法填充整個餅圖的微小切片!
數據是從Wordpress收集的-只是在統計有多少公司是學術,商業或臨床公司。 這些變量如下所示:
<p>Academic<?php echo $academic;?></p>
<p>Business<?php echo $business;?></p>
<p>Clinical<?php echo $clinical;?></p>
對於輸出數字1、2和1的測試數據,只需將變量放入代碼中就可以創建微小的切片,如何填充餅圖?
谷歌示例中的餡餅加起來等於24,那么等式是什么? 附言:我在數學上很垃圾!
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Academic', '<?php echo $academic; ?>'],
['Business', '<?php echo $business; ?>'],
['Clinical', '<?php echo $clinical; ?>']
]);
var options = {
backgroundColor: 'none',
chartArea: {width:"221",height:"221"},
width:'221',
height:'221',
legend: {position: 'none'},
tooltip: {trigger: 'none'},
enableInteractivity: false,
slices: {0: {color: '#a95892'}, 1:{color: '#d7663a'}, 2:{color: '#316086'}}
};
// Create and draw the visualization.
new google.visualization.PieChart(document.getElementById('chart_div')).
draw(data, options);
}
這應該可以工作(至少對我來說在代碼游樂場中有用):
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['Type', 'Amount'],
['Academic', <?php echo $academic;?>],
['Business', <?php echo $business;?>],
['Clinical', <?php echo $clinical;?>]]);
new google.visualization.PieChart(document.getElementById('visualization')).draw(data, {title:"how many?"});
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.