如何使用 php 和 javascript 循环绘制 google 饼图

Question

我正在尝试循环绘制饼图。在我的数组中有 3 个值，我想绘制 3 个饼图。我试过如下。

<?php foreach($pie as $m)
 { ?>
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
  
    
    var data = google.visualization.arrayToDataTable([
   ['Task', 'Hours per Day'],
  <?php foreach($piearray[$m] as $kf=>$v){ ?>
          ['<?php echo $kf;?>', <?php echo $v;?>],
    <?php } ?>
        ]);
  
        var options = {
          title: 'Brand Placement'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart<?php echo $m;?>'));

        chart.draw(data, options);
      } <?php }?>

<script src="https://gstatic.com/charts/loader.js"></script>
 <?php foreach($pie as $mi)
 {
 <div id="piechart<?php echo $mi;?>" style="width: 900px; height: 500px;"></div>
 }
}

但是运行只有最后一个one.Please帮帮我。

Answer 1

我在循环中为绘图函数添加了 $m。这是工作。我在下面提到 link:

Drawing pie charts on google map using for loop does not functioning well

如何使用 php 和 javascript 循环绘制 google 饼图

How to draw google pie chart in loop using php and javascript

html

javascript

php

pie-chart