Maison >base de données >tutoriel mysql >Comment puis-je générer un graphique Google à partir de données MySQL en utilisant PHP et JSON ?
Comment puis-je générer un graphique Google à partir de données MySQL en utilisant PHP et JSON ?
- Barbara Streisandoriginal
- 2024-12-05 01:20:11793parcourir
PHP-MySQL Google Chart JSON : un guide complet
Problème :
Générer un Google Chart utilisant les données de table MySQL comme source de données peut s'avérer difficile, en particulier lorsque vous travaillez avec PHP.
Solution :
Voici un exemple complet qui montre comment utiliser PHP, MySQL et JSON pour créer un diagramme circulaire à partir de données stockées dans une table MySQL.
Utilisation :
- Exigences : PHP, Apache et MySQL
-
Installer :
- Créez une base de données "chart" dans phpMyAdmin.
- Créez un tableau "googlechart" avec deux colonnes : "weekly_task" et "pourcentage".
- Insérer les données dans le tableau avec des valeurs numériques pour pourcentage.
Exemple de graphique PHP-MySQL-JSON-Google :
<?php
// Connect to MySQL
$con = mysql_connect("localhost", "Username", "Password") or die("Failed to connect!");
mysql_select_db("Database Name", $con);
// Query the "googlechart" table
$sth = mysql_query("SELECT * FROM googlechart");
// Create a JSON table for Google Chart
$table = array(
'cols' => array(
array('label' => 'Weekly Task', 'type' => 'string'),
array('label' => 'Percentage', 'type' => 'number')
),
'rows' => array()
);
// Populate the JSON table with data
while ($r = mysql_fetch_assoc($sth)) {
$rows[] = array('c' => array(
array('v' => (string) $r['Weekly_task']),
array('v' => (int) $r['percentage'])
));
}
$table['rows'] = $rows;
$jsonTable = json_encode($table);
// Include necessary scripts and draw the chart
?>
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
google.load('visualization', '1', {'packages': ['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>);
var options = {
title: 'My Weekly Plan',
is3D: 'true',
width: 800,
height: 600
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div>
Remarque : Pour d'autres types de graphiques (par exemple, les graphiques à barres), des modifications mineures au code peuvent être nécessaire.
Exemple de graphique PHP-PDO-JSON-MySQL-Google (alternative) :
Utilise l'extension PHP Data Objects (PDO) pour une gestion et une flexibilité améliorées des exceptions .
Exemple de graphique PHP-MySQLi-JSON-Google (Alternative) :
Exploite l'extension MySQLi pour des fonctionnalités supplémentaires, telles que des instructions préparées.
Erreur de syntaxe de balise courte :
Si vous rencontrez une erreur de syntaxe liée aux balises courtes (par exemple, "".
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!