2017-10-21 16 views
1

Google Chartsを使用して簡単なグラフを作成しています。私はデータを実行するときにPHPとMySQLを使用しています。私は、問題を探しているときにデータを実行することができれば、私がテストしていたphpとsqlの使用時にGoogle Chartsが表示されない

<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> 

の回答を検索してみましたが、それはチャートが表示されません。ここ

は私test.phpをファイルです

たとここは

を働いたPHPコードは、これはGoogleのシャアに表示すべきデータである

<?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>"; 
          } 
     ?> 

ですTS

  • 人工知能 - 1
  • Biocomputation - 3
  • コンピュータとネットワークセキュリティ - 2
  • ヒューマンコンピュータインタラクション - 3
  • 情報管理と分析 - 1
  • モバイルとインターネットコンピューティング - 1
  • 実世界コンピューティング - 1
  • ソフトウェア理論 - 2
  • 理論計算機科学 - 1
  • 私はあなたの助けが必要です。ありがとう

    答えて

    0

    すべてのことはあなたのコードで大丈夫です。しかしあなたは1つの特別に括弧 "}"を使用しています。このコードの後に​​余分な括弧 '}'を削除してください。

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

    余分なきれいな括弧 "}"を見つけることに問題があった場合。コードの下にコピー&ペーストするだけです。

    <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> 
    
    関連する問題