Диаграмма Google не отображает результаты из базы данных MySql - PullRequest
Новая
       2

Диаграмма Google не отображает результаты из базы данных MySql

0 голосов
/ 20 января 2020

У меня проблема с гугл чартами, но ничего не появляется. Когда я удаляю код php, он говорит, что нет данных, но с кодом он просто не появляется. Вот код: 

   <?php
    $con = mysqli_connect('localhost', 'root', '');
    mysqli_select_db($con, 'gamefort');

    $s = " select naziv, broj from konzola group by naziv ";
    $result = mysqli_query($con, $s);
    ?>

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

        function drawChart() {
            var data = new google.visualization.arrayToDataTable([
                ['Naziv','Broj'],
                <?php
                while($row = mysqli_fetch_assoc($result)){
                    echo "['".$row["naziv"].",".$row["broj"]."'],";
                }
                ?>
            ]);

            var options = {
                'title': 'Statistika',
                'width': 400,
                'height': 300
            };

            var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
</script>

Есть предложения? Заранее спасибо.

Ответы [ 2 ]

8 голосов
/ 20 января 2020

Работа с динамиками c php код 

<?php 
$con = mysqli_connect('localhost', 'root', '','gamefort');

$s = "select naziv, broj from konzola group by naziv";
$result = mysqli_query($con, $s);
$data_array = array();

while($row = mysqli_fetch_assoc($result)){

    //$data_array[] = array_values($row);
    $data_array[] = ($row);
}
  $chart= json_encode($data_array);


?>

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> --> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body>


 <!-- <input type="text" value="x" id="test" /> -->
  <div id="Salesman" style="width: 650px; height: 500px;"></div> 

</body>

</body>
</html>



<script type="text/javascript">



  google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawVisualization);

  function drawVisualization() {
    var chart_array= <?php echo $chart; ?>;

    var header = ['Naziv', 'Broj'];
    var row = "";            
    var rows = new Array();

      jQuery.each(chart_array, function( i, d ) {
         row = [d.naziv,Number(d.broj)];
          rows.push(row);
        });  

       var jsonData = [header].concat(rows);

      var data = google.visualization.arrayToDataTable(jsonData);
    var options = {
      title : 'Month & Yearly Total Sales Values',
      vAxis: {title: 'Total Sales'},
      hAxis: {title: 'Month & Year'},
      seriesType: 'bars',
      showRowNumber: 'false'

    };
    var chart = new google.visualization.ComboChart(document.getElementById('Salesman'));
    chart.draw(data, options);
    }


</script>
2 голосов
/ 20 января 2020

Используйте этот код 

    <?php
    $con = mysqli_connect('localhost', 'root', '');
    mysqli_select_db($con, 'gamefort');

    $s = " select naziv, broj from konzola group by naziv ";
    $result = mysqli_query($con, $s);
    $data_array = array();

    while($row = mysqli_fetch_assoc($result)){


        $data_array[] = ($row);
    }
  $chart= json_encode($data_array);
    ?>

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

        function drawChart() {

        var chart_array= '<?php echo $chart; ?>';
        var header = ['Naziv', 'Broj'];
         var row = "";            
         var rows = new Array();



      jQuery.each(chart_array, function( i, d ) {
         row = [parseInt(d.naziv),parseInt(d.broj)];

         rows.push(row);
        });  

       var jsonData = [header].concat(rows);

      var data = google.visualization.arrayToDataTable(jsonData);

            var options = {
                'title': 'Statistika',
                'width': 400,
                'height': 300
            };

            var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...