Heim >Datenbank >MySQL-Tutorial >Wie erstelle ich ein Google-Diagramm aus MySQL-Daten mit PHP und JSON?

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

Linda Hamilton
Linda HamiltonOriginal
2024-12-11 07:01:11130Durchsuche

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:

  1. Erstellen eine MySQL-Datenbank mit dem Namen „chart“.
  2. Erstellen Sie eine Tabelle mit dem Namen „googlechart“ mit zwei Spalten: „weekly_task“ und „percentage“.
  3. 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>

Fehlerbehandlung:

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

<?php echo $jsonTable; ?>

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn