Bagaimana untuk Menjana Carta menggunakan PHP, MySQL dan API Carta Google?-tutorial mysql-php.cn

Bagaimana untuk Menjana Carta menggunakan PHP, MySQL dan API Carta Google?

Patricia Arquette

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

asal

281 orang telah melayarinya

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

PHP MySQL Google Chart JSON - Contoh Lengkap

Contoh ini menunjukkan kepada anda cara menjana carta menggunakan PHP, MySQL dan API Carta Google .

Prasyarat:

PHP, Apache dan MySQL

Persediaan Pangkalan Data:

Gunakan phpMyAdmin untuk mencipta fail dipanggil Pangkalan data untuk "carta".
Buat jadual yang dipanggil "googlechart" dan pastikan ia mengandungi sekurang-kurangnya dua lajur. Contohnya: tugas_mingguan dan peratusan.
Masukkan beberapa data ke dalam jadual di mana lajur peratusan hanya mengandungi nombor.

PHP-MySQL-JSON-Carta Google Contoh:

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

Salin selepas log masuk

Ralat yang disebabkan oleh sintaks teg pendek:

Sesetengah pengguna mungkin menghadapi ralat ini secara setempat atau pada pelayan:

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

Salin selepas log masuk

Ini bermakna persekitarannya tidak menyokong tag pendek. Penyelesaiannya adalah dengan menggunakan sintaks berikut:

<?php echo $jsonTable; ?>

Salin selepas log masuk

Semuanya harus berfungsi dengan baik.

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