Столбчатая диаграмма Google с 3 значениями - SQL - PullRequest
Новая
       4

Столбчатая диаграмма Google с 3 значениями - SQL

0 голосов
/ 23 марта 2020

Мне нужно создать эту диаграмму (ниже) с 3 барами, но мой код, кажется, в порядке, но он не работает, что я могу делать неправильно?

Я не могу ничего вернуть моя диаграмма пуста

[введите описание изображения здесь] [1] [1]: https://i.stack.imgur.com/3SlLp.png

 <?php
     $con = mysqli_connect('localhost','----','----','----');
    ?>
    <html>
      <head>
        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <script type="text/javascript">
          google.charts.load('current', {'packages':['bar']});
          google.charts.setOnLoadCallback(drawChart);

          function drawChart() {
            var data = google.visualization.arrayToDataTable([
              ['Data_de_Solicitação', 'andamento', 'concluido', 'total'],

               <?php 

            $query = "SELECT COUNT(Status) AS andamento
        FROM demandas_portal
        WHERE Status = 'Em Andamento'";

          $query2 = "SELECT COUNT(Status) AS concluido
        FROM demandas_portal
        WHERE Status = 'Concluído'";

          $query3 = "SELECT COUNT(*) AS total
        FROM demandas_portal";



         $exec = mysqli_query($con,$query,$query2,$query3);
         while($row = mysqli_fetch_array($exec)){

         echo "['".$row['Data_de_Solicitação']."',".$row['andamento'].",".$row['concluido'].",".$row['total']."],";
         }
         ?> 

            ]);

            var options = {
              chart: {
                title: 'Company Performance',
                subtitle: 'Sales, Expenses, and Profit: 2014-2017',
              }
            };

            var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

            chart.draw(data, google.charts.Bar.convertOptions(options));
          }
        </script>
      </head>
      <body>
        <div id="columnchart_material" style="width: 800px; height: 500px;"></div>
      </body>
    </html>
...