2017-10-21 25 views
1

Je crée un graphique simple à l'aide des graphiques Google. J'utilise PHP et MySQL lors de l'exécution de données. Je cherchais des réponses et essayé, mais il n'affiche le tableauLes graphiques Google ne s'affichent pas lors de l'utilisation de php et sql

Voici mon test.php fichier

<html> 
    <head> 
    <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() { 
     // Define the chart to be drawn. 
     var data = google.visualization.arrayToDataTable([ 
     ['Specialization', 'Facultyno'], 
     <?php 
     require_once('../mydb_connect.php'); 
     $query="SELECT distinct(s.specializationname) as 'specialization', count(fs.facultyid) as 'facultyno' from thesisdb.specialization s join facultyspecialization fs on s.specializationid=fs.specializationid group by s.specializationID;"; 

     $result = mysqli_query($dbc,$query); 
     while($row = mysqli_fetch_array($result)){ 

     echo "['".$row['specialization']."',".$row['facultyno']."],"; 
     } 
     ?> 

     ]); 
     var options = {'title':'Number of Faculty Specializations', 
         'width':1300, 
         'height':900}; 

     } 
     // Instantiate and draw the chart. 
     var chart = new google.visualization.ColumnChart(document.getElementById('no_of_specialization')); 
     chart.draw(data, options); 
    } 
    </script> 
    </head> 

    <body> 
    <div id="no_of_specialization"/> 
    </body> 
</html> 

Lorsque vous cherchez le problème, je testais si les données peuvent être exécutées et il a travaillé

est ici le code php

<?php 
     require_once('../mydb_connect.php'); 
     $query="SELECT distinct(s.specializationname) as specialization, count(fs.facultyid) as facultyno from thesisdb.specialization s join facultyspecialization fs on s.specializationid=fs.specializationid group by s.specializationID;"; 

     $result = mysqli_query($dbc,$query); 
     while($row = mysqli_fetch_array($result)) 
          { 
           echo "{$row['specialization']}"; 
           echo " - "; 
           echo "{$row['facultyno']}<br>"; 
          } 
     ?> 

Ce sont les données qui doivent être affichées sur Google Char ts

  • Intelligence artificielle - 1
  • biocomputation - 3
  • Sécurité informatique et réseau - 2
  • Interaction homme-machine - 3
  • gestion de l'information et Analytics - 1
  • Informatique Mobile et Internet - 1
  • Computing Real-World - 1
  • Théorie du logiciel - 2
  • Informatique théorique - 1
  • J'ai besoin de votre aide. Merci

    Répondre

    0

    Tout est ok dans votre code. mais vous utilisez une accolade supplémentaire "}". enlever les accolades supplémentaires '}' après ce code.

    var options = {'title':'Number of Faculty Specializations', 
             'width':1300, 
             'height':900}; 
    

    si vous avez rencontré un problème pour trouver les accolades supplémentaires "}". il suffit de copier et coller sous le code.

    <html> 
    <head> 
        <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() { 
          // Define the chart to be drawn. 
          var data = google.visualization.arrayToDataTable([ 
           ['Specialization', 'Facultyno'], 
           <?php 
           require_once('../mydb_connect.php'); 
           $query="SELECT distinct(s.specializationname) as 'specialization', count(fs.facultyid) as 'facultyno' from thesisdb.specialization s join facultyspecialization fs on s.specializationid=fs.specializationid group by s.specializationID;"; 
    
           $result = mysqli_query($dbc,$query); 
           while($row = mysqli_fetch_array($result)){ 
    
            echo "['".$row['specialization']."',".$row['facultyno']."],"; 
           } 
           ?> 
    
          ]); 
          var options = {'title':'Number of Faculty Specializations', 
           'width':1300, 
           'height':900}; 
    
         // Instantiate and draw the chart. 
         var chart = new google.visualization.ColumnChart(document.getElementById('no_of_specialization')); 
         chart.draw(data, options); 
         } 
        </script> 
    </head> 
    
    <body> 
    <div id="no_of_specialization"/> 
    </body> 
    </html>