Wie ein Diagramm erstellen aus mysql-Daten? (mit Google visualisation api)

Habe ich einige Daten und möchten daraus dynamische Diagramme. Ich habe mir auf Google visualisation api .. Es sieht toll aus aber das problem ist ich bin nicht sehr vertraut mit ihm. Irgendwelche Ideen, wie ich das einstellen kann data.setValue von mysql-Daten.

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

Kann ich Diagramm erstellen mit einigen anderen Methoden, aber gerade daran interessiert, mit Google Visualisation API.

Dank.

InformationsquelleAutor user187580 | 2010-05-11

  1. 2

    Update:

    Haben Sie einen Blick auf wie kann man Daten hinzufügen, um das Diagramm. Sie haben die Möglichkeit,hinzufügen von Daten im JSON-Format.

    Das einzige, was Sie tun müssen, ist bereiten eine entsprechende PHP-array. Dann können Sie serialisieren, die das array und die Daten festzulegen. E. g.

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

    Empfehle ich die Dokumentation zu Lesen /API-Referenz. Ich im Grunde fand diese nur durch die Suche...

    Ohne weitere Informationen können wir nicht geben eine spezifische Antwort, aber ein allgemeiner Ansatz ist:

    Vorausgesetzt, dass Sie bereits holte den Datensätzen aus der DB in ein ResultSet $results als Sie gerade Durchlaufen:

    <?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; ?>
    . danke, ich verstehe diese Methode, gibt es eine bessere Möglichkeit ohne mischen davon alle auf haben .. ich meine zum Beispiel, rufen Sie einen data.php gibt einige formatierte Daten .. etwas ähnliches. Thx
    Bitte siehe meine aktualisierte Antwort.
    Cheers @Felix. Vielen Dank.

    InformationsquelleAutor Felix Kling

  2. 0

    empfehle ich http://pchart.sourceforge.net/ pchart Grafik. es funktioniert perfekt.

    Ich erstelle ein chart mit einigen anderen Methoden, aber gerade daran interessiert, mit Google Visualisation API. Thx
    google hat allerdings einige Einschränkungen, wie Punkt-limit und die tägliche Abfrage beschränkt
    hmm .. gut .. ich habe die Absicht, es zu benutzen für einige admi-Funktionalität, so dass es nicht viele Anrufe.. also no-limit-Problem. Thx
    Sowie die API-limits werden Sie immer haben Probleme der Zuordnung der Daten aus sql, js, google-api. Was Sie vielleicht interessiert, ist ein Werkzeug, das Diagramm direkt aus SQL: sqldashboards.com/database/mysql-live-charting Ähnlich wie die tools, verfügbar für R/Python, es bietet ein sofortiges feedback zwischen Abfrage und Visualisierung. Die Verschärfung der Schleife ist, desto mehr Daten, die Sie erkunden können. Disclaimer: ich arbeite dort.

    InformationsquelleAutor osm

Schreibe einen Kommentar