javascript - (PHP, Google Chart) 使用PHP页面中数据的饼图

Question

我是 PHP 的新手，我试图在我的 PHP 页面上创建饼图，但它什么也没显示。

这些是我的代码(我把所有代码都放在 HTML 部分)

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

]);