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

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

Patricia Arquette

Libérer： 2024-11-23 09:45:44

original

476 Les gens l'ont consulté

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);
?>

Copier après la connexion

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>

Copier après la connexion

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; ?>);

Copier après la connexion

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

<?php echo $jsonTable; ?>

Copier après la connexion

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!