javascript - while 循环使用谷歌图表

Question

所以我遇到了这个问题，我从数据库中提取页面上的点击次数。当数据库中只有一个国家时，饼图工作得很好，现在有几个国家，但它从前 5 个国家中抓取。它工作得很好，但我认为我的 while 循环搞砸了，我该如何重新格式化它才能工作？ `

数据库查询:

$csel = $odb->query("SELECT country, COUNT(*) AS cnt FROM bots GROUP BY country ORDER BY cnt DESC LIMIT 5");

显示:

     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["corechart"]});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Total Bots'],
          <?php
  while ($c = $csel->fetch())
                                    {
                    $top2 = geoip_country_name_by_id($gi, $c[0]);
                    $top = number_format($c[1]);
                                        echo ("['$top2', '$top']");

  }

我认为这是因为我在 echo 末尾没有逗号，所以我尝试了，饼图是灰色的，并显示“其他”

我想我需要以某种方式制作一个字符串来执行 echo 所说的操作，并添加一个逗号直到最后一个数据。

有人可以帮我解决这个问题吗？

Answer 1

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
  google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawChart);

  function drawChart() {

    var data = google.visualization.arrayToDataTable([
        ['time', 'Price'],
          <?php  while ($r = mysqli_fetch_array($res)) { 
                echo "[' ".$r["timestamp"]." ', ".$r["totalprice"]." ],";
          } ?>  
    ]);

    var options = {
      title: 'My Daily Activities'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }
</script>