Heim >Backend-Entwicklung >PHP-Tutorial >Wie kann ich Google Charts aus MySQL-Daten mit PHP und JSON erstellen?

Wie kann ich Google Charts aus MySQL-Daten mit PHP und JSON erstellen?

Patricia ArquetteOriginal: 2024-11-23 09:45:44496Durchsuche

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

Mit PHP, MySQL und JSON Google Charts erstellen – eine umfassende Anleitung

In diesem Artikel befassen wir uns mit einer detaillierten Anleitung zum Erstellen von Google Charts mit MySQL Tabellendaten als Datenquelle. Wir konzentrieren uns hauptsächlich auf ein Nicht-Ajax-Beispiel, um das Verständnis zu vereinfachen.

Anforderungen

Bevor wir beginnen, stellen Sie sicher, dass Sie über Folgendes verfügen Voraussetzungen:

PHP
Apache
MySQL

Datenbank-Setup

Erstellen Sie eine Datenbank mit dem Namen „Diagramm“ mit phpMyAdmin.
Erstellen eine Tabelle namens „googlechart“ mit den folgenden Spalten:
- weekly_task (string)
- percentage (number)

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

Potenzieller Fehler

Bei der Verwendung von kurzen Tags (

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

Um dieses Problem zu beheben, verwenden Sie Folgendes Syntax stattdessen:

<?php echo $jsonTable; ?>

Jetzt haben Sie ein umfassendes Verständnis dafür, wie Sie PHP, MySQL und JSON verwenden, um Google Charts aus Ihrer Datenbank zu erstellen Daten.

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

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

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

Vorheriger Artikel：Wie kann ich meine MySQL-Einfüge-/Aktualisierungsfunktion mithilfe von PDO-vorbereiteten Anweisungen verbessern?Nächster Artikel：Wie kann ich meine MySQL-Einfüge-/Aktualisierungsfunktion mithilfe von PDO-vorbereiteten Anweisungen verbessern?

In Verbindung stehende Artikel

Mehr sehen