Bagaimana untuk Membuat Carta Google daripada Data MySQL menggunakan PHP dan JSON?-tutorial mysql-php.cn

Bagaimana untuk Membuat Carta Google daripada Data MySQL menggunakan PHP dan JSON?

Linda Hamilton

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

asal

130 orang telah melayarinya

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

PHP MySQL Google Chart JSON: Contoh Komprehensif

Panduan ini menyediakan contoh komprehensif tentang cara menjana Carta Google menggunakan data daripada jadual MySQL. Kami akan menunjukkan penyepaduan PHP, MySQL dan API Carta Google untuk mencipta perwakilan visual data.

Keperluan:

PHP
Apache
MySQL

Pemasangan:

Buat pangkalan data MySQL bernama "carta."
Buat jadual bernama "googlechart" dengan dua lajur: "weekly_task" dan "peratusan."
Masukkan data sampel ke dalam jadual, dengan "peratusan" mewakili nilai berangka.

PHP-MySQL-JSON-Carta Google Contoh:

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

Salin selepas log masuk

Pengendalian Ralat:

Jika anda menghadapi "ralat sintaks" yang berkaitan dengan teg pendek, gunakan yang berikut:

<?php echo $jsonTable; ?>

Salin selepas log masuk

Ini memastikan teg PHP ditutup dengan betul dan ditafsirkan oleh persekitaran anda.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Carta Google daripada Data MySQL menggunakan PHP dan JSON?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!