如何使用php和javascript循环绘制谷歌饼图[重复]

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

但它只运行最后一个。请帮助我。

Answer 1

我在循环中为 drawchart 函数添加了 $m。这是工作。我参考了以下链接：

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