通過google的javascript餅圖傳遞php變量

Question

因此，我有一個來自Google的3D餅圖，而我試圖通過php變量傳遞來自數據庫的％。 由於某種原因，所有其他即時消息都沒有真正得出正確的百分比。 對於設置的變量，它們是以下數字：

$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變量（最有可能），而在於Google圖表期望的JavaScript類型：您使用字符串而不是整數。

只需刪除PHP變量周圍的引號即可：

看到這個小提琴

<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>