Maison >développement back-end >tutoriel php >Comment puis-je créer des Google Charts à partir de données MySQL en utilisant PHP et JSON ?

Comment puis-je créer des Google Charts à partir de données MySQL en utilisant PHP et JSON ?

Patricia Arquetteoriginal: 2024-11-23 09:45:44494parcourir

How can I create Google Charts from MySQL data using PHP and JSON?

Utiliser PHP, MySQL et JSON pour créer des graphiques Google - Un guide complet

Dans cet article, nous explorerons un guide détaillé sur la génération de graphiques Google à l'aide de MySQL données de la table comme source de données. Nous nous concentrerons principalement sur un exemple non-Ajax pour simplifier la compréhension.

Exigences

Avant de commencer, assurez-vous d'avoir les éléments suivants prérequis :

PHP
Apache
MySQL

Configuration de la base de données

Créer une base de données nommée "graphique" en utilisant phpMyAdmin.
Créez un tableau nommé "googlechart" avec les colonnes suivantes :
- weekly_task (string)
- pourcentage (nombre)

PHP Code

<?php
// Connect to the database
$con = mysql_connect("localhost", "username", "password");
mysql_select_db("chart", $con);

// Query the "googlechart" table
$sth = mysql_query("SELECT * FROM googlechart");

// Initialize the data table
$table = array();
$table['cols'] = array(

    // Column labels
    array('label' => 'Weekly Task', 'type' => 'string'),
    array('label' => 'Percentage', 'type' => 'number')

);

// Populate the table with data from the query result
$rows = array();
while ($r = mysql_fetch_assoc($sth)) {
    $temp = array();
    $temp[] = array('v' => $r['weekly_task']);
    $temp[] = array('v' => $r['percentage']);
    $rows[] = array('c' => $temp);
}

$table['rows'] = $rows;

// Convert the table data to JSON format
$jsonTable = json_encode($table);
?>

HTML et JavaScript

<html>
  <head>
    <script src="https://www.google.com/jsapi"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>
      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>

Erreur potentielle

Vous pouvez rencontrer une erreur lors de l'utilisation de balises courtes (

syntax error var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>);

Pour résoudre ce problème, utilisez plutôt la syntaxe suivante :

<?php echo $jsonTable; ?>

Maintenant, vous avez une compréhension globale de comment utiliser PHP, MySQL et JSON pour créer des graphiques Google à partir des données de votre base de données.

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!

php mysql json ajax String while Error using number this table database phpMyAdmin

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment puis-je améliorer ma fonction d'insertion/mise à jour MySQL à l'aide des instructions préparées par PDO ?Article suivant：Comment puis-je améliorer ma fonction d'insertion/mise à jour MySQL à l'aide des instructions préparées par PDO ?

Articles Liés

Voir plus