2015-12-21 60 views
0

我現在我想通過它只有2個變量targetachieved從谷歌官方圖表庫頁傳遞PHP變量到谷歌圖

<script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
      var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Target', 10], 
      ['Achieved',  2], 
      ]); 

      var options = { 
      title: '' 
      }; 

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

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

一個簡單的餅圖。這兩個值來自數據庫,我如何將它傳遞給圖表?我不能在html標籤之前計算它們,因爲它們在循環中並在循環中生成div。

回答

0

您可以互換嵌入PHP和JavaScript。

您必須先從數據庫中獲取數據。這是在文件和聊天代碼的最後生成

var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Target', '<?php echo $targetFromDatabase;?>'], 
      ['Achieved',  '<?php echo $achievedFromDatabase;?>'], 
      ]); 
+0

是在頭將這項工作:

然後,使用分配的呢? – Sikander

+0

正如我所提到的,我的CNAT在HTML標籤之前將db值作爲循環來生成div – Sikander