PHP와 JSON을 사용하여 MySQL 데이터에서 Google 차트를 만드는 방법은 무엇입니까?

PHP MySQL Google 차트 JSON: 포괄적인 예

이 가이드는 다음의 데이터를 사용하여 Google 차트를 생성하는 방법에 대한 포괄적인 예를 제공합니다. MySQL 테이블. PHP, MySQL, Google Chart API의 통합을 통해 시각적 표현을 만드는 방법을 보여드리겠습니다. 데이터.

요구사항:

• PHP
• Apache
• MySQL

설치:

1. 만들기 "chart"라는 MySQL 데이터베이스.
2. "weekly_task"와 "percentage"라는 두 개의 열이 있는 "googlechart"라는 테이블을 만듭니다.
3. "percentage"를 사용하여 테이블에 샘플 데이터를 삽입합니다. 숫자 값을 나타냅니다.

PHP-MySQL-JSON-Google 차트 예:

<?php // Connect to the MySQL database
$con = mysql_connect("localhost", "Username", "Password") or die("Failed to connect with database!!!!");
mysql_select_db("Database Name", $con);

// Query the database for weekly tasks and percentages
$sth = mysql_query("SELECT * FROM chart");

// Prepare the data for the Google Chart
$table['cols'] = array(
    array('label' => 'Weekly Task', 'type' => 'string'),
    array('label' => 'Percentage', 'type' => 'number')
);

$rows = array();
while ($r = mysql_fetch_assoc($sth)) {
    $temp = array();
    $temp[] = array('v' => (string)$r['Weekly_task']);
    $temp[] = array('v' => (int)$r['percentage']);
    $rows[] = array('c' => $temp);
}

$table['rows'] = $rows;
$jsonTable = json_encode($table);

// Load the Google Chart API and create a pie chart
?>


  
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {'packages':['corechart']});
      google.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = new google.visualization.DataTable(<?=$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>
  

  
    <div>
<p><strong>오류 처리:</strong></p>
<p>짧은 태그와 관련된 "구문 오류"가 발생하면 대신 다음을 사용하세요.</p> <pre class="brush:php;toolbar:false"><?php echo $jsonTable; ?>

이렇게 하면 PHP 태그가 사용자 환경에서 적절하게 닫히고 해석됩니다.