未捕获的错误：未定义容器 - Google 饼图

问题描述

这就是我想要做的。

我正在尝试使用以下代码在 PHP 循环中加载一堆 Google 饼图：

<?PHP
 foreach ($currentTeamleaders as $key=> $currentTeamleader) {
     $chartId = 'chart-'.$key;
?>
     <script>
         google.charts.load("current",{packages:["corechart"]});
         google.charts.setonLoadCallback(drawChart);
    
         function drawChart() {

                         var data = google.visualization.arrayToDataTable([
                            ['Task','Hours per Day'],['Work',11],['Eat',2],['Commute',['Watch TV',['Sleep',7]
                         ]);

                         var options = {
                            title: 'My Daily Activities',chartArea:{right:0,top:0,width:"90%",height:"100%" },height: 150,width: 250,};

                        var chart = new google.visualization.PieChart(document.getElementById(<?PHP echo $chartId ?>));
                        chart.draw(data,options);

                    }

        </script>

        <div id="<?PHP echo $chartId ?>" style="width: 300px; height: 300px;"></div>

     <?PHP
         }
     ?>

但由于某种原因，我收到了一个未捕获的错误：尽管定义了 div，但未定义容器。

谢谢

解决方法

已解决：

我需要在以下 PHP echo 语句周围添加引号。