javascript - 通过 google 的 javascript 饼图传递 php 变量

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 变量(最有可能)，而在于 Google 图表期望的 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>