Mysql verilerden bir grafik oluşturmak nasıl?

2 Cevap php

Ben bazı veriler var ve bazı dinamik grafikler oluşturmak istiyorum. Google görselleştirme api üzerine baktım .. Harika görünüyor ama sorun ben onunla çok aşina değilim değildir. Herhangi bir fikir, ben mysql veri data.setValue nasıl ayarlanacağı.

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

Ben diğer bazı yöntemler ancak Google Görselleştirme API kullanarak sadece ilgi kullanarak grafik oluşturabilirsiniz.

Teşekkürler.

2 Cevap

Update:

Eğer Grafiğe veri eklemek nasıl bir görünüm var. Sen add data in JSON imkanınız var.

Yapmak var tek şey gelen PHP dizi hazırlamaktır. Sonra bu dizi seri ve veri ayarlayabilirsiniz. Örneğin

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

Ben dokümantasyon / API reference okumanızı tavsiye ederim. Ben temelde sadece arayarak buldum ...

Daha fazla bilgi olmadan belirli bir cevap veremem ama genel bir yaklaşımdır:

Zaten bunun üzerinde sadece döngü can daha sonuç kümesi $results sizin DB kayıtları getirilen varsayarsak:

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

i grafik için http://pchart.sourceforge.net/ PChart öneririz. mükemmel çalışıyor.

etiketler