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

]);