PHP と JSON を使用して MySQL データから Google チャートを作成するにはどうすればよいですか?-PHPチュートリアル-php.cn

PHP と JSON を使用して MySQL データから Google チャートを作成するにはどうすればよいですか?

Patricia Arquette

リリース： 2024-11-23 09:45:44

オリジナル

400 人が閲覧しました

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

PHP、MySQL、JSON を使用して Google チャートを作成する - 包括的なガイド

この記事では、MySQL を使用して Google チャートを生成するための詳細なガイドについて説明します。テーブルデータをデータソースとして使用します。理解を容易にするために、主に Ajax 以外の例に焦点を当てます。

要件

始める前に、次のものが揃っていることを確認してください。前提条件:

PHP
Apache
MySQL

データベースのセットアップ

という名前のデータベースを作成します「チャート」を使用するphpMyAdmin.
次の列を持つ「googlechart」という名前のテーブルを作成します:
- weekly_task (string)
- percentage (number)

PHPコード

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

ログイン後にコピー

潜在的なエラー

短いタグ (

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

ログイン後にコピー

これを解決するには、次の構文を使用します代わりに:

<?php echo $jsonTable; ?>

ログイン後にコピー

これで、PHP、MySQL、JSON を使用してデータベースデータから Google チャートを作成する方法を包括的に理解できました。

以上がPHP と JSON を使用して MySQL データから Google チャートを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。