Biểu đồ hình tròn của Google với PHP MySQL

PHP Biểu đồ Google. cách tạo Biểu đồ Google từ PHP với cơ sở dữ liệu MySQL?. Trong bài đăng này, chúng tôi sẽ cung cấp cho chúng tôi cách tạo Biểu đồ Google từ PHP

Nội dung chính Show

Thiết lập cơ bản để tạo biểu đồ – PHP Google Charts
Biểu đồ cột Biểu đồ Google của PHP Biểu đồ Google – mã trực tuyến
Biểu đồ hình tròn Biểu đồ Google – mã trực tuyến
Biểu đồ địa lý Biểu đồ Google – mã trực tuyến
Biểu đồ thanh Biểu đồ Google PHP Biểu đồ Google – mã trực tuyến
Làm cách nào để tạo biểu đồ hình tròn trong PHP và MySQL?
Làm cách nào để sử dụng biểu đồ Google trong PHP và MySQL?
Làm cách nào để tạo biểu đồ trong PHP và MySQL?
Làm cách nào để tạo biểu đồ thanh động bằng PHP hoặc JavaScript với MySQL?

Trong trường hợp chúng tôi phải hiển thị một số loại thông tin chi tiết trên trang web của bạn, sẽ rất tuyệt nếu chúng tôi nói chuyện với nó bằng sơ đồ. Có thể khó để tạo ra những sơ đồ đó một mình. Trong mọi trường hợp, Google cung cấp giao diện lập trình nhận thức giúp dễ dàng tạo sơ đồ google từ cơ sở dữ liệu MySQL bằng cách sử dụng php

Thiết lập cơ bản để tạo biểu đồ – PHP Google Charts

Để tạo biểu đồ google, chúng tôi cần bao gồm trực quan hóa Google
api(https://www.google.com/jsapi) trong trang của bạn và phải cần , để kết nối với cơ sở dữ liệu MySQL của bạn như trong thiết lập đơn giản và cơ bản bên dưới

<?php
    // PHP Google Charts
    $db_connection = mysqli_connect('db_hostname','db_username','db_password','db_database');
?>
<!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8">
 <title>Create Google Charts - onlinecode </title>
 <!-- js of google of chart for PHP Google Charts --> 
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
</head>
<body>
</body>
</html>

Đối với bài tập hướng dẫn này, chúng tôi sẽ trình bày thông tin chi tiết của khách trên trang của chúng tôi với bốn loại đường viền, ví dụ: Biểu đồ cột, Biểu đồ hình tròn, Biểu đồ địa lý và Đường viền thanh

Tôi chấp nhận rằng bạn hiện có thông tin trong db_database của mình. Tuy nhiên, nếu bạn không biết cách lấy thông tin khách của mình, tôi sẽ đăng nó như một bài tập hướng dẫn khác về phương pháp thành thạo nhất để lưu thông tin khu vực địa lý của khách vào cơ sở dữ liệu mysql của bạn

Hiện tại, chúng ta hãy xem xét đoạn văn bảng MySQL mẫu này mà từ đó chúng ta sẽ tạo biểu đồ google

tạo PHP Google Charts với cơ sở dữ liệu MySQL

Biểu đồ cột Biểu đồ Google của PHP Biểu đồ Google – mã trực tuyến

Biểu đồ cột rất hữu ích nếu bạn muốn hiển thị số liệu thống kê của mình trong một khoảng thời gian cụ thể. Vì vậy, chúng tôi có thể sử dụng biểu đồ này cho các số liệu thống kê theo thời gian

Không bao gồm nếu, chúng tôi có bốn cột như ip, trình duyệt, quốc gia và ngày. Vì vậy, chúng tôi có thể tạo biểu đồ ngày khôn ngoan bằng cách nhóm truy vấn chọn mysql theo vdate

<script type="text/javascript">
 google.load("visualization", "1", {packages:["corechart"]});
 google.setOnLoadCallback(drawChart);
 function drawChart() {
 var data_val = google.visualization.arrayToDataTable([
	 ['Date', 'Visits'],
	 ['2016-11-01','105'],
	 ['2016-11-02','82'],
	 ['2016-11-03','212'],
 ]);

 var options_val = {
 title: 'Date wise visits - onlinecode'
 };
 var chart_val = new google.visualization.ColumnChart(document.getElementById("columnchart"));
 chart_val.draw(data_val, options_val);
 }
</script>

Đoạn mã trên là cấu trúc ngôn ngữ cơ bản để tạo dàn ý cho phần. Hãy xem xét những phẩm chất sau "var data_val = google.visualization.arrayToDataTable([" Cái này có những phẩm chất tĩnh. Trong mọi trường hợp, hãy ghi nhớ mục tiêu cuối cùng là chứng minh các chi tiết của chúng tôi, chúng tôi phải sắp xếp mạnh mẽ những phẩm chất này từ db_database của chúng tôi bằng php

var data_val = google.visualization.arrayToDataTable([
 ['Date', 'Visits'],
 <?php 
 $select_query = "SELECT count(ip) AS count, vdate FROM visitors GROUP BY vdate ORDER BY vdate";
 $query_result = mysqli_query($db_connection,$select_query);
 while($row_val = mysqli_fetch_array($query_result)){
 echo "['".$row_val['vdate']."',".$row_val['count']."],";
 }
 ?>
 
]);

Mã cuối cùng sẽ giống như thế này

<?php
 // PHP Google Charts
 $db_connection = mysqli_connect('db_hostname','db_username','db_password','db_database');
?>
<!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8">
 <title>
 Create Google Charts - onlinecode 
 </title>
 <!-- js of google of 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_val = google.visualization.arrayToDataTable([

 ['Date', 'Visits'],
 <?php 
 $select_query = "SELECT count(ip) AS count, vdate FROM visitors GROUP BY vdate ORDER BY vdate";

 $query_result = mysqli_query($db_connection,$select_query);
 while($row_val = mysqli_fetch_array($query_result)){

 echo "['".$row_val['vdate']."',".$row_val['count']."],";
 }
 ?>
 
 ]);

 var options_val = {
 title: 'Date wise visits - onlinecode'
 };
 var chart_val = new google.visualization.ColumnChart(document.getElementById("columnchart"));
 chart_val.draw(data_val, options_val);
 }
 </script>
</head>
<body>
 <h3>Column Chart</h3>
 <div id="columnchart" style="width: 910px; height: 510px;"></div>
</body>
</html>

Biểu đồ hình tròn Biểu đồ Google – mã trực tuyến

Sơ đồ hình tròn là biểu đồ tuyệt vời nhất có thể được tạo bằng giao diện lập trình đại diện của google. Bạn có thể tạo biểu đồ Pie trong các trường hợp như nói về các phẩm chất theo tỷ lệ. Vì vậy, chúng tôi sẽ tạo một phác thảo hiển thị các lượt truy cập thông minh của chương trình từ db_database của chúng tôi. Như chúng tôi đã hoàn thành cho biểu đồ phần ở trên, bạn cần phải sắp xếp các phẩm chất một cách hiệu quả để thay thế nội dung tĩnh khỏi ngữ pháp của biểu đồ hình tròn của google

<?php
 // PHP Google Charts
 $db_connection = mysqli_connect('db_hostname','db_username','db_password','db_database');
?>
<!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8">
 <title>
 Create Google Charts - onlinecode 
 </title>
 <!-- js of google of 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_val = google.visualization.arrayToDataTable([
 ['Browser', 'Visits'],
 <?php 
 $select_query = "SELECT count(ip) AS count, browser FROM visitors GROUP BY browser";

 $query_result = mysqli_query($db_connection,$select_query);
 while($row_val = mysqli_fetch_array($query_result)){

 echo "['".$row_val['browser']."',".$row_val['count']."],";
 }
 ?>
 ]);

 var options_val = {
 title: 'Browser wise visits'
 };

 var chart_val = new google.visualization.PieChart(document.getElementById('piechart'));

 chart_val.draw(data_val, options_val);
 }
 </script>
</head>
<body>
 <h2>Pie Chart - onlinecode</h2>
 <div id="piechart" style="width: 910px; height: 510px;"></div>
</body>
</html>

Biểu đồ địa lý Biểu đồ Google – mã trực tuyến

Lý do cơ bản tồn tại của biểu đồ địa lý là để hiển thị các báo cáo sắc sảo của quốc gia với hướng dẫn thế giới. Chúng tôi có một phần gọi là quốc gia. Vì vậy, chúng tôi có thể tạo một biểu đồ địa lý để hiển thị các chuyến thăm sâu sắc của quốc gia với thông tin của chúng tôi

<?php
 // PHP Google Charts
 $db_connection = mysqli_connect('db_hostname','db_username','db_password','db_database');
?>
<!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8">
 <title>
 Create Google Charts - onlinecode 
 </title>
 <!-- js of google of chart --> 
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 <script type="text/javascript">
 google.load("visualization", "1", {packages:["geochart"]});
 google.setOnLoadCallback(drawRegionsMap);

 function drawRegionsMap() {

 var data_val = google.visualization.arrayToDataTable([

 ['Country', 'Visits'],
 <?php 
 $query = "SELECT count(ip) AS count, country FROM visitors GROUP BY country";

 $query_result = mysqli_query($db_connection,$query);
 while($row_val = mysqli_fetch_array($query_result)){

 echo "['".$row_val['country']."',".$row_val['count']."],";
 }
 ?>
 ]);

 var options_val = {
 
 };

 var chart_val = new google.visualization.GeoChart(document.getElementById('geochart'));

 chart_val.draw(data_val, options_val);
 }
 </script>
</head>
<body>
 <h2>Geo Chart PHP Google Charts - onlinecode</h2>
 <div id="geochart" style="width: 910px; height: 510px;"></div>
</body>
</html>

Biểu đồ thanh Biểu đồ Google PHP Biểu đồ Google – mã trực tuyến

Về cơ bản, sơ đồ Thanh và phác thảo Cột giống nhau tuy nhiên nó có thể được sử dụng cho các mục đích khác nhau theo chỉ định của khách hàng. Tôi sử dụng biểu đồ thanh trong các trường hợp như đối chiếu ít nhất hai phẩm chất cho mỗi cột

Vì chúng tôi đang tạo thông tin chi tiết về khách nên chúng tôi thực sự có thể quyết định khách mới và khách quay lại theo địa chỉ IP của họ. Vì vậy, chúng tôi sẽ tạo biểu đồ thanh hiển thị khách mới và khách quay lại cho mọi quốc gia

Làm cách nào để tạo biểu đồ hình tròn trong PHP và MySQL?

Đây là các bước chính để tạo biểu đồ hình tròn trong PHP MySQL. .

Đầu tiên, chúng ta cần bao gồm FusionCharts. js lớp JavaScript và FusionCharts. php. .

Tiếp theo, bao gồm DBConn. php để kết nối với cơ sở dữ liệu

Tạo tài liệu XML và lưu trữ nó trong một biến strXML

Kết xuất Biểu đồ hình tròn 3D với dữ liệu từ $strXML

Làm cách nào để sử dụng biểu đồ Google trong PHP và MySQL?

Tạo bảng trong cơ sở dữ liệu MySQL. TẠO BẢNG NẾU KHÔNG TỒN TẠI `class` ( `id` int(11) NOT NULL, `class_name` varchar(20) NOT NULL, `students` int(11) NOT NULL ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;

Chèn dữ liệu vào bảng. .

kết nối cơ sở dữ liệu. .

Mã PHP để lấy dữ liệu từ cơ sở dữ liệu