Rumah >pangkalan data >tutorial mysql >Bagaimana untuk Membuat Carta Google daripada Data MySQL menggunakan PHP dan JSON?

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

Linda Hamilton
Linda Hamiltonasal
2024-12-11 07:01:11120semak imbas

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:

  1. Buat pangkalan data MySQL bernama "carta."
  2. Buat jadual bernama "googlechart" dengan dua lajur: "weekly_task" dan "peratusan."
  3. 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>

Pengendalian Ralat:

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

<?php echo $jsonTable; ?>

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn