Comment générer des graphiques Google à partir de données MySQL à l'aide de PHP, JSON et de l'API de visualisation Google ?

PHP MySQL Google Chart JSON : un exemple complet

Problème :

De nombreux développeurs PHP J'ai du mal à trouver un exemple complet pour générer des graphiques Google à partir des données de tables MySQL. Cet article fournit un guide détaillé avec plusieurs exemples utilisant PHP, MySQL et JSON.

Utilisation :

Exigences :

• PHP
• Apache
• MySQL

Installation :

1. Créer une base de données nommée "chart" à l'aide de phpMyAdmin.
2. Créez un tableau nommé "googlechart" avec les colonnes "weekly_task" et "pourcentage".
3. Insérez les données dans le tableau.

Exemple 1 : PHP-MySQL-JSON-Google non-Ajax Graphique

1. Connectez-vous à la base de données en utilisant PHP.
2. Sélectionnez les données de la table "googlechart" en utilisant SQL.
3. Convertissez les données au format JSON.
4. Chargez l'API de visualisation Google et le package de diagrammes circulaires.
5. Utilisez JavaScript pour créer une visualisation Google. DataTable à partir des données et options JSON.
6. Instancier et dessiner le diagramme circulaire à l'aide de l'objet PieChart de Google Visualization.

Exemple 2 : PHP-PDO-JSON-MySQL-Google Chart

1. Établir une connexion à une base de données à l'aide de PHP PDO.
2. Interrogez la base de données MySQL pour les données.
3. Convertissez les données au format JSON.
4. Chargez l'API de visualisation Google et le package de diagrammes à secteurs.
5. Utilisez JavaScript pour créer un DataTable de visualisation Google et définir les options.
6. Instanciez et dessinez le diagramme circulaire à l'aide de Google Visualization. Objet PieChart.

Exemple 3 : PHP-MySQLi-JSON-Google Chart

1. Connectez-vous à la base de données MySQL à l'aide de PHP mysqli.
2. Interrogez la base de données MySQL pour les données.
3. Convertissez les données en JSON format.
4. Chargez l'API de visualisation Google et le package de diagramme circulaire.
5. Utilisez JavaScript pour créer un tableau de données de visualisation Google et définir les options.
6. Instancier et dessiner le diagramme circulaire à l'aide de Google Objet PieChart de la visualisation.

Erreur de syntaxe Résolution :

Si vous rencontrez l'erreur « syntax error var data = new google.visualization.DataTable(); », cela indique que les balises courtes ne sont pas prises en charge. . La solution est d'utiliser :

<?php echo $jsonTable; ?>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!