通過javascript的餅圖變量通過JavaScript餅圖來自谷歌

Question

因此，我有一個谷歌的3D餅圖，並試圖通過PHP變量通過％來自數據庫。出於某種原因，所有即時消息都是其他100％，其實際上並沒有提供正確的％。對於設置的變量，它們是以下數字：

$players = 80; 
$sold = 5; 
$forsale = 15; 

但是這些數字正在從數據庫中計算出來並放入變量中。

繼承人我的代碼：

<script type="text/javascript"> 
    google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['Players', '<?php echo $players; ?>'], 
     ['Sold', '<?php echo $sold; ?>'], 
     ['Open', '<?php echo $forsale; ?>'] 
    ]); 

    var options = { 
     title: 'Share\'s Allocation', 
     is3D: true, 
    }; 

    var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); 
    chart.draw(data, options); 
    } 
</script> 

任何人有任何想法在那裏我去錯了嗎？

感謝

Answer 1

的問題不在於你的PHP變量（最有可能），但與谷歌的JavaScript圖表的類型期望：你使用字符串而不是整數。

簡單地刪除引號在你的PHP變量：

見this fiddle

<div id="piechart_3d" style="width:300px;height:300px;">...</div> 

<script type="text/javascript"> 
    google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['Players', 80], 
     ['Sold', 5], 
     ['Open', 15] 
    ]); 

    var options = { 
     title: 'Share\'s Allocation', 
     is3D: true, 
    }; 

    var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); 
    chart.draw(data, options); 
    } 
</script>