Maison >base de données >tutoriel mysql >Comment créer un graphique Google à partir de données MySQL en utilisant PHP et JSON ?
Comment créer un graphique Google à partir de données MySQL en utilisant PHP et JSON ?
- Linda Hamiltonoriginal
- 2024-12-11 07:01:11120parcourir
PHP MySQL Google Chart JSON : un exemple complet
Ce guide fournit un exemple complet sur la façon de générer un Google Chart à l'aide des données d'un Tableau MySQL. Nous démontrerons l'intégration de PHP, MySQL et de l'API Google Chart pour créer une représentation visuelle du données.
Exigences :
- PHP
- Apache
- MySQL
Installation :
- Créer une base de données MySQL nommée "chart".
- Créez un tableau nommé "googlechart" avec deux colonnes : "weekly_task" et "percentage".
- Insérez des exemples de données dans le tableau, avec "pourcentage" représentant des valeurs numériques.
PHP-MySQL-JSON-Google Chart Exemple :
<?php
// Connect to the MySQL database
$con = mysql_connect("localhost", "Username", "Password") or die("Failed to connect with database!!!!");
mysql_select_db("Database Name", $con);
// Query the database for weekly tasks and percentages
$sth = mysql_query("SELECT * FROM chart");
// Prepare the data for the Google Chart
$table['cols'] = array(
array('label' => 'Weekly Task', 'type' => 'string'),
array('label' => 'Percentage', 'type' => 'number')
);
$rows = array();
while ($r = mysql_fetch_assoc($sth)) {
$temp = array();
$temp[] = array('v' => (string)$r['Weekly_task']);
$temp[] = array('v' => (int)$r['percentage']);
$rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
$jsonTable = json_encode($table);
// Load the Google Chart API and create a pie chart
?>
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable(<?=$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>Gestion des erreurs :
Si vous rencontrez une « erreur de syntaxe » liée aux balises courtes, utilisez plutôt ce qui suit :
<?php echo $jsonTable; ?>
Cela garantit que les balises PHP sont correctement fermées et interprétées par votre environnement.
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!