【问题标题】:(PHP, Google Chart) Pie Chart using data in the PHP page(PHP, Google Chart) 饼图使用PHP页面中的数据
【发布时间】:2016-06-01 08:33:56
【问题描述】:

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

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

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

【问题讨论】:

  • 向我们展示生成的 js 代码的外观。
  • @nospor 图片已更新
  • 我要求生成的 js 代码不是图像。您动态生成 js 代码(一些图表数组) - 我要求这个。
  • 我可以看到他正在使用 google.visualization.PieChart 库。因此,整个问题都是关于他如何滥用谷歌图书馆。
  • @David162795 是的,我不知道我现在要做什么......

标签: javascript php mysql google-visualization pie-chart


【解决方案1】:

数组值没有被打印到 JavaScript

需要使用类似的东西

&lt;?=$pos_chart[$i]?&gt;

&lt;?php echo $tapp_chart[$i]?&gt;

并且看不到if 声明的必要性

试试这个……

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

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

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

  <?php
    }
  ?>

]);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-08-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-18
    相关资源
    最近更新 更多