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

Question

这就是我想要做的。

我正在尝试使用以下代码在 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',  2],
                            ['Watch TV', 2],
                            ['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，但未定义容器。

谢谢

标签： javascriptphpjqueryreact-google-charts

Answer 1

解决：

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