Wie generiert man Google-Diagramme aus MySQL-Daten mit PHP, JSON und der Google Visualization API?

PHP MySQL Google Chart JSON: Ein umfassendes Beispiel

Problem:

Viele PHP-Entwickler Schwierigkeiten haben, ein umfassendes Beispiel für die Generierung von Google Charts aus MySQL-Tabellendaten zu finden. Dieser Artikel bietet eine detaillierte Anleitung mit mehreren Beispielen für die Verwendung von PHP, MySQL und JSON.

Verwendung:

Anforderungen:

• PHP
• Apache
• MySQL

Installation:

1. Erstellen eine Datenbank namens „chart“ mit phpMyAdmin.
2. Erstellen Sie eine Tabelle mit dem Namen „googlechart“ mit den Spalten „weekly_task“ und „percentage“.
3. Fügen Sie Daten in die Tabelle ein.

Beispiel 1: Nicht-Ajax PHP-MySQL-JSON-Google Diagramm

1. Stellen Sie mit PHP eine Verbindung zur Datenbank her.
2. Wählen Sie Daten aus der Tabelle „googlechart“ mithilfe von SQL aus.
3. Konvertieren Sie die Daten in das JSON-Format.
4. Laden Sie die Google Visualization API und das Piechart-Paket.
5. Verwenden Sie JavaScript, um eine Google-Visualisierung zu erstellen DataTable aus den JSON-Daten und -Optionen.
6. Instanziieren und zeichnen Sie das Kreisdiagramm mit dem PieChart-Objekt von Google Visualization.

Beispiel 2: PHP-PDO-JSON-MySQL-Google Diagramm

1. Stellen Sie eine Datenbankverbindung mit PHP her PDO.
2. Fragen Sie die MySQL-Datenbank nach Daten ab.
3. Konvertieren Sie die Daten in das JSON-Format.
4. Laden Sie die Google Visualization API und das Kreisdiagrammpaket.
5. Verwenden Sie JavaScript, um eine Google Visualization DataTable zu erstellen und Optionen festzulegen.
6. Instanziieren und zeichnen Sie das Kreisdiagramm mit Google Das PieChart-Objekt der Visualisierung.

Beispiel 3: PHP-MySQLi-JSON-Google Chart

1. Mit PHP mysqli eine Verbindung zur MySQL-Datenbank herstellen.
2. Fragen Sie die MySQL-Datenbank nach Daten ab.
3. Konvertieren Sie die Daten in JSON Format.
4. Laden Sie die Google Visualization API und das Piechart-Paket.
5. Verwenden Sie JavaScript, um eine Google Visualization DataTable zu erstellen und Optionen festzulegen.
6. Instanziieren und zeichnen Sie das Kreisdiagramm mit Google Das PieChart-Objekt der Visualisierung.

Syntaxfehler Lösung:

Wenn der Fehler „Syntaxfehler var data = new google.visualization.DataTable();“ auftritt, bedeutet dies, dass kurze Tags nicht unterstützt werden . Die Lösung besteht darin, Folgendes zu verwenden:

<?php echo $jsonTable; ?>

Das obige ist der detaillierte Inhalt vonWie generiert man Google-Diagramme aus MySQL-Daten mit PHP, JSON und der Google Visualization API?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!