（PHP，谷歌图表）饼图使用PHP页面中的数据

Question

我是PHP的新手，我试图在我的PHP页面上创建饼图，但它没有显示任何内容。

这些是我的代码（我把所有代码放在HTML部分中）

- ＆GT; https://jsfiddle.net/1a4819vz/1/

这就是piechart.php部分

<script type="text/javascript">
  google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawChart);
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Position', 'Applicant(s)'],

      <?php 
        for($i = 0; $i < $table_counter; $i++){
      ?> 

      [<?=$pos_chart[$i]?>, <?=$tapp_chart[$i]?>],

      <?php 
        }
      ?>

    ]);

    var options = {
      title: 'Pie chart of Total Applicants'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }
</script>

<div id="piechart" style="width: 900px; height: 500px;"></div>

饼图的结果只显示出像这样的大整个空白区域。

我不知道为什么。请帮忙。

Answer 1

数组值未打印到JavaScript

需要使用

之类的东西

<?=$pos_chart[$i]?>

或

<?php echo $tapp_chart[$i]?>

并且不需要if语句

试试这个......

var data = google.visualization.arrayToDataTable([
  ['Position', 'Applicant(s)'],

  <?php
    for($i = 0; $i < $table_counter; $i++){
  ?>

  [<?="'".$pos_chart[$i]."'"?>,   <?=$tapp_chart[$i]?>],

  <?php
    }
  ?>

]);