Wie erstelle ich ein Google-Diagramm aus MySQL-Daten mit PHP und JSON?-MySQL-Tutorial-php.cn

Wie erstelle ich ein Google-Diagramm aus MySQL-Daten mit PHP und JSON?

Linda Hamilton

Freigeben： 2024-12-11 07:01:11

Original

197 Leute haben es durchsucht

How to Create a Google Chart from MySQL Data using PHP and JSON?

PHP MySQL Google Chart JSON: Ein umfassendes Beispiel

Diese Anleitung bietet ein umfassendes Beispiel zum Generieren eines Google Charts mithilfe von Daten aus einem MySQL-Tabelle. Wir demonstrieren die Integration von PHP, MySQL und der Google Chart API, um eine visuelle Darstellung davon zu erstellen Daten.

Anforderungen:

PHP
Apache
MySQL

Installation:

Erstellen eine MySQL-Datenbank mit dem Namen „chart“.
Erstellen Sie eine Tabelle mit dem Namen „googlechart“ mit zwei Spalten: „weekly_task“ und „percentage“.
Fügen Sie Beispieldaten mit „percentage“ in die Tabelle ein. stellt numerische Werte dar.

PHP-MySQL-JSON-Google Chart Beispiel:

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

Nach dem Login kopieren

Fehlerbehandlung:

Wenn bei kurzen Tags ein „Syntaxfehler“ auftritt, verwenden Sie stattdessen Folgendes:

<?php echo $jsonTable; ?>

Nach dem Login kopieren

Dadurch wird sichergestellt, dass PHP-Tags ordnungsgemäß geschlossen und von Ihrer Umgebung interpretiert werden.

Das obige ist der detaillierte Inhalt vonWie erstelle ich ein Google-Diagramm aus MySQL-Daten mit PHP und JSON?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!