Rumah >pembangunan bahagian belakang >tutorial php >Bagaimanakah saya boleh membuat Carta Google daripada data MySQL menggunakan PHP dan JSON?

Bagaimanakah saya boleh membuat Carta Google daripada data MySQL menggunakan PHP dan JSON?

Patricia Arquetteasal: 2024-11-23 09:45:44507semak imbas

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

Menggunakan PHP, MySQL dan JSON untuk Mencipta Carta Google - Panduan Komprehensif

Dalam artikel ini, kami akan meneroka panduan terperinci tentang menjana Carta Google menggunakan MySQL data jadual sebagai sumber data. Kami akan memberi tumpuan terutamanya pada contoh bukan Ajax untuk memudahkan pemahaman.

Keperluan

Sebelum kami bermula, pastikan anda mempunyai perkara berikut prasyarat:

PHP
Apache
MySQL

Penyediaan Pangkalan Data

Buat pangkalan data bernama "carta" menggunakan phpMyAdmin.
Buat jadual bernama "googlechart" dengan lajur berikut:
- weekly_task (rentetan)
- peratusan (nombor)

PHP Kod

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

Potensi Ralat

Anda mungkin menghadapi ralat semasa menggunakan tag pendek (

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

Untuk menyelesaikan masalah ini, gunakan sintaks berikut:

<?php echo $jsonTable; ?>

Sekarang, anda telah pemahaman yang menyeluruh tentang cara menggunakan PHP, MySQL dan JSON untuk mencipta Carta Google daripada data pangkalan data anda.

Atas ialah kandungan terperinci Bagaimanakah saya boleh membuat Carta Google daripada data MySQL menggunakan PHP dan JSON?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

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

Artikel sebelumnya：Bagaimana Saya Boleh Meningkatkan Fungsi Sisipan/Kemas Kini MySQL Saya Menggunakan Penyata Disediakan PDO?Artikel seterusnya：Bagaimana Saya Boleh Meningkatkan Fungsi Sisipan/Kemas Kini MySQL Saya Menggunakan Penyata Disediakan PDO?

Artikel berkaitan

Lihat lagi