Bagaimanakah saya boleh membuat Carta Google daripada data MySQL menggunakan PHP dan JSON?-tutorial php-php.cn

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

Patricia Arquette

Lepaskan： 2024-11-23 09:45:44

asal

468 orang telah melayarinya

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

Salin selepas log masuk

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>

Salin selepas log masuk

Potensi Ralat

Anda mungkin menghadapi ralat semasa menggunakan tag pendek (

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

Salin selepas log masuk

Untuk menyelesaikan masalah ini, gunakan sintaks berikut:

<?php echo $jsonTable; ?>

Salin selepas log masuk

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!