Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jul 17th, 2012  |  syntax: None  |  size: 1.04 KB  |  hits: 12  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. How to create Google API line chart using PHP array / JSON?
  2. <script type="text/javascript">
  3. google.load("visualization", "1", {packages:["corechart"]});
  4. google.setOnLoadCallback(drawChart);
  5.  
  6.   function drawChart() {
  7.  
  8.     var data = google.visualization.arrayToDataTable([
  9.       ['Year', 'Sales'],
  10.       ['2010',  1000.31],
  11.       ['2011',  1170.68],
  12.       ['2012',  660]
  13.     ]);
  14.  
  15.     var options = {
  16.  
  17.     };
  18.  
  19.     var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  20.     chart.draw(data, options);
  21.   }
  22.  
  23. </script>
  24.        
  25. $arr = array('Year' => 'Sales', '2010' => 1000.31, '2011' => 1170.68, '2012' => 660);
  26. $chart_data = json_encode($arr);
  27.  
  28. <script type="text/javascript">
  29. google.load("visualization", "1", {packages:["corechart"]});
  30. google.setOnLoadCallback(drawChart);
  31.  
  32.   function drawChart() {
  33.  
  34.     var data = google.visualization.DataTable(<?php echo $chart_data ?>);
  35.  
  36.     var options = {
  37.  
  38.     };
  39.  
  40.     var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  41.     chart.draw(data, options);
  42.   }
  43. </script>
create a new version of this paste RAW Paste Data