Wie erstelle ich Diagramme mit PHP, MySQL und der Google Charts API?-MySQL-Tutorial-php.cn

Wie erstelle ich Diagramme mit PHP, MySQL und der Google Charts API?

Patricia Arquette

Freigeben： 2024-12-06 03:44:15

Original

312 Leute haben es durchsucht

How to Generate Charts using PHP, MySQL, and the Google Charts API?

PHP MySQL Google Chart JSON – Vollständiges Beispiel

Dieses Beispiel zeigt Ihnen, wie Sie ein Diagramm mit PHP, MySQL und der Google Chart API erstellen .

Voraussetzungen:

PHP, Apache und MySQL

Datenbank-Setup:

Verwenden Sie phpMyAdmin, um eine Datei namens zu erstellen Datenbank für „Diagramm“.
Erstellen Sie eine Tabelle mit dem Namen „googlechart“ und stellen Sie sicher, dass sie mindestens zwei Spalten enthält. Zum Beispiel: wöchentliche_Aufgabe und Prozentsatz.
Fügen Sie einige Daten in eine Tabelle ein, in der die Prozentspalte nur Zahlen enthält.

PHP-MySQL-JSON-Google Chart Beispiel:

$con = mysqli_connect("localhost", "Username", "Password") or die("Failed to connect with database!!!!");
mysqli_select_db("Database Name", $con);

$result = mysqli_query($con, "SELECT * FROM googlechart");

$rows = array();
$table = array();
$table['cols'] = array(
    array('label' => 'Weekly Task', 'type' => 'string'),
    array('label' => 'Percentage', 'type' => 'number')
);

while ($row = mysqli_fetch_assoc($result)) {
    $temp = array();
    $temp[] = array('v' => (string) $row['weekly_task']);
    $temp[] = array('v' => (int) $row['percentage']);
    $rows[] = array('c' => $temp);
}

$table['rows'] = $rows;
$jsonTable = json_encode($table);

echo $jsonTable;
?>

<html>
<head>
    <!-- Load the Ajax API -->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">

    // Load the Visualization API and the piechart package.
    google.load('visualization', '1', {'packages': ['corechart']});

    // Set a callback to run when the Google Visualization API is loaded.
    google.setOnLoadCallback(drawChart);

    function drawChart() {

      // Create our data table out of JSON data loaded from server.
      var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>);
      var options = {
           title: 'My Weekly Plan',
          is3D: 'true',
          width: 800,
          height: 600
        };
      // Instantiate and draw our chart, passing in some options.
      // Do not forget to check your div ID
      var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
    </script>
</head>
<body>
    <!-- this is the div that will hold the pie chart -->
    <div>

Nach dem Login kopieren

Fehler verursacht durch kurze Tag-Syntax:

Bei einigen Benutzern kann dieser Fehler lokal oder auf dem Server auftreten:

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

Nach dem Login kopieren

Das bedeutet, dass seine Umgebung keine kurzen Tags unterstützt. Die Problemumgehung besteht darin, stattdessen die folgende Syntax zu verwenden:

<?php echo $jsonTable; ?>

Nach dem Login kopieren

Alles sollte gut funktionieren.

Das obige ist der detaillierte Inhalt vonWie erstelle ich Diagramme mit PHP, MySQL und der Google Charts API?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!