Bạn sẽ tạo biểu đồ và đồ thị bằng php từ cơ sở dữ liệu mysql như thế nào?
Nếu chúng ta muốn trực quan hóa số liệu thống kê, đồ thị là một trong những cách tốt nhất để biểu diễn. Hiểu dữ liệu trở nên dễ dàng và rõ ràng với việc sử dụng biểu đồ. Có nhiều thư viện biểu đồ khác nhau như Google Charts, Highcharts, Chart. jsvà hơn thế nữa Show Trước đây, chúng tôi đã tạo mã ví dụ để tạo biểu đồ bằng Highcharts. Hãy để chúng tôi tạo một ví dụ để tạo chế độ xem biểu đồ bằng cách sử dụng Biểu đồ. thư viện js Xem bản trình diễn Tạo chế độ xem biểu đồ bằng Biểu đồ. js đơn giản và dễ dàng. Tôi đã tạo đầu ra biểu đồ cho dữ liệu động được lấy từ cơ sở dữ liệu. Tôi có bảng cơ sở dữ liệu MySQL tbl_marks chứa điểm của sinh viên Tôi đọc dữ liệu đánh dấu và cung cấp nó cho Biểu đồ. js để tạo biểu đồ với số liệu thống kê đánh dấu Ảnh chụp màn hình này hiển thị đầu ra biểu đồ được tạo bởi Biểu đồ. thư viện biểu đồ js với dữ liệu động từ cơ sở dữ liệu Biểu đồ HTML5 CanvasTải xuống thư viện Chartjs từ GitHub và bao gồm các tệp thư viện trong ví dụ của bạn. Trong trang HTML đích, tôi có một phần tử canvas HTML5 để vẽ biểu đồ đầu ra Khi tải trang đích, tôi gửi yêu cầu AJAX tới PHP để đọc điểm của sinh viên từ cơ sở dữ liệu. Phản hồi JSON này sẽ được phân tích cú pháp và cung cấp dưới dạng tham số cho Biểu đồ. js để tạo biểu đồ PHP cung cấp hỗ trợ vô hạn để xử lý tệp JSON thông qua lập trình với các chức năng tích hợp sẵn của nó
Mã PHP để đọc điểm của sinh viên từ cơ sở dữ liệu MySQLDữ liệu tệp PHP. php được yêu cầu thông qua AJAX để truy cập cơ sở dữ liệu để đọc điểm của sinh viên. Sau khi đọc các bản ghi, nó trả về dưới dạng phản hồi JSON. Mã là, PDO::ERRMODE_EXCEPTION, \PDO::ATTR_PERSISTENT => false ) ); $handle = $link->prepare('select x, y from datapoints'); $handle->execute(); $result = $handle->fetchAll(\PDO::FETCH_OBJ); foreach($result as $row){ array_push($dataPoints, array("x"=> $row->x, "y"=> $row->y)); } $link = null; } catch(\PDOException $ex){ print($ex->getMessage()); } ?> Biểu đồ được vẽ ở trên có thể được hiển thị với kết nối internet trực tiếp vì thư viện sẽ được tải từ gstatic. com Dữ liệu được thu thập từ bảng cơ sở dữ liệu MySQL để dữ liệu có thể được chỉnh sửa bằng cách sử dụng tập lệnh và điều tương tự sẽ được biểu thị bằng Biểu đồ. Chúng tôi chưa đưa phần này vào tập lệnh hiện tại và có rất nhiều hướng dẫn có sẵn ở đây, một hướng dẫn xử lý dữ liệu bằng PHP và MySQL Đối với các nhà phát triển phần mềm, việc giải thích dữ liệu ở bất kỳ định dạng nào sẽ dễ dàng hơn nhưng đối với những người không phải là nhà phát triển, họ nên được cung cấp cách để họ có thể xem dữ liệu một cách dễ hiểu Biểu đồ thanh được sử dụng để biểu thị dữ liệu theo cách dễ dàng hơn để người ta có thể theo dõi kết quả của sản phẩm hoặc dịch vụ. Ví dụ: giả sử bạn có một sản phẩm và bạn muốn xem cách khách hàng đăng ký hàng tháng, một biểu đồ thanh có thể giúp theo dõi điều này vì nó sẽ hiển thị xu hướng cho dù nó tăng hay giảm. Trong bài viết này, chúng ta sẽ thảo luận về cách tạo biểu đồ thanh bằng PHP và MySQL trong đó nếu bạn có dữ liệu trong cơ sở dữ liệu MySQL, bạn có thể hiển thị nó bằng biểu đồ thanh
Hãy nhớ rằng js biểu đồ nên được khởi tạo trước khi thực hiện các mã biểu đồ
Đối với phần trình diễn này, chúng tôi sẽ sử dụng dữ liệu của người đăng ký trong tháng 9, tháng 10 và tháng 11
$chkresults = mysqli_query($con,"SELECT MONTH(subscribed_on) AS subscriber_month, COUNT(*) AS subscriber_count FROM subscribers GROUP BY MONTH(subscribed_on)"); ?>
google.charts.load('current', {'packages':['Bar']}); google.charts.setOnLoadCallback(drawChart);
function drawChart() { var data = google.visualization.arrayToDataTable([ ['Month','Subscribers'],
while($row=mysqli_fetch_assoc($chkresults)){ echo "['".$row["subscriber_month"]."',".$row["subscriber_count"]."],"; } ?> ]); var options = { chart: { title: '', }, bars: 'vertical', vAxis: {format: 'decimal'}, height: 300, colors: ['#d95f02'] }; var chart = new google.charts.Bar(document.getElementById('bar-graph-location')); chart.draw(data, google.charts.Bar.convertOptions(options)); }
|