如何从mysql数据创建图表？ （使用谷歌可视化API）

Question

我有一些数据，想要创建一些动态图表。我看过 Google 可视化 api ..它看起来很棒，但问题是我对它不是很熟悉。任何想法，我如何从 mysql 数据设置 data.setValue 。

  <script type='text/javascript'>
   google.load('visualization', '1', {'packages': ['geomap']});
   google.setOnLoadCallback(drawMap);

    function drawMap() {
      var data = new google.visualization.DataTable();
      data.addRows(6);
      data.addColumn('string', 'Country');
      data.addColumn('number', 'Popularity');
      data.setValue(0, 0, 'Germany');
      data.setValue(0, 1, 200);
      data.setValue(1, 0, 'United States');
      data.setValue(1, 1, 300);
      data.setValue(2, 0, 'Brazil');
      data.setValue(2, 1, 400);
      data.setValue(3, 0, 'Canada');
      data.setValue(3, 1, 500);
      data.setValue(4, 0, 'France');
      data.setValue(4, 1, 600);
      data.setValue(5, 0, 'RU');
      data.setValue(5, 1, 700);

      var options = {};
      options['dataMode'] = 'regions';

      var container = document.getElementById('map_canvas');
      var geomap = new google.visualization.GeoMap(container);
      geomap.draw(data, options);
  };
  </script>

我可以使用其他一些方法创建图表，但只是对使用 Google Visualization API 感兴趣。

谢谢。

Answer 1

我推荐 http://pchart.sourceforge.net/ pchart 进行绘图。它工作得很好。

Answer 2

更新：

了解如何向图表添加数据。您可以添加 JSON 格式的数据。

您唯一要做的就是准备一个相应的 PHP 数组。然后你可以序列化这个数组并设置数据。例如，

<?php 
// $data is an array and already has the correct structure...
$jdata = json_encode($data);

?>

<!-- later ... -->

<script type='text/javascript'>
   google.load('visualization', '1', {'packages': ['geomap']});
   google.setOnLoadCallback(drawMap);

   function drawMap() {
      var data = new google.visualization.DataTable(<?php echo $jdata ?>);
      var options = {};
      options['dataMode'] = 'regions';

      var container = document.getElementById('map_canvas');
      var geomap = new google.visualization.GeoMap(container);
      geomap.draw(data, options);
   };
</script>

我建议阅读文档/API 参考。我基本上只是通过搜索发现了这一点...

---

没有进一步的信息，我们无法给出具体的答案，但一般方法是：

假设您已经从结果集中的数据库中获取了记录 $results ，而不是您可以循环它：

<?php foreach($results as $row): ?>

    data.setValue(<?php echo $row['column1']; ?>, <?php echo $row['column2']; ?>);
    // depends on what type of char you want to create, on your actual data etc.

<?php endforeach; ?>