PHP, MySQL 및 Google Charts API를 사용하여 차트를 생성하는 방법은 무엇입니까?-MySQL 튜토리얼-php.cn

PHP, MySQL 및 Google Charts API를 사용하여 차트를 생성하는 방법은 무엇입니까?

Patricia Arquette

풀어 주다： 2024-12-06 03:44:15

원래의

312명이 탐색했습니다.

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

PHP MySQL Google Chart JSON - 전체 예

이 예에서는 PHP, MySQL 및 Google Chart API를 사용하여 차트를 생성하는 방법을 보여줍니다. .

전제 조건:

PHP, Apache 및 MySQL

데이터베이스 설정:

phpMyAdmin을 사용하여 다음과 같은 파일을 만듭니다. "차트"에 대한 데이터베이스입니다.
'googlechart'라는 테이블을 만들고 2개 이상의 열이 포함되어 있는지 확인하세요. 예: Weekly_task 및 백분율.
백분율 열에 숫자만 포함된 테이블에 일부 데이터를 삽입합니다.

PHP-MySQL-JSON-Google 차트 예:

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

로그인 후 복사

짧은 태그 구문으로 인해 발생한 오류:

일부 사용자는 로컬 또는 서버에서 이 오류가 발생할 수 있습니다.

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

로그인 후 복사

이는 해당 환경이 짧은 태그를 지원하지 않는다는 것을 의미합니다. 해결 방법은 대신 다음 구문을 사용하는 것입니다.

<?php echo $jsonTable; ?>

로그인 후 복사

모든 것이 제대로 작동해야 합니다.

위 내용은 PHP, MySQL 및 Google Charts API를 사용하여 차트를 생성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!