2015-12-21 58 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