Bài viết này sẽ trình bày cách tạo biểu đồ đường định hướng mySQL bằng Charts 4 PHP Framework
Bước 1. Định cấu hình kết nối Cơ sở dữ liệu trong cấu hình. php
define["CHARTPHP_DBTYPE","pdo"]; define["CHARTPHP_DBHOST","mysql:host=localhost;dbname=testdb"]; define["CHARTPHP_DBUSER","username"]; define["CHARTPHP_DBPASS","password"]; define["CHARTPHP_DBNAME",""];
Bước 2. Bao gồm Thư viện PHP Charts 4
include["../../lib/inc/chartphp_dist.php"]; $p = new chartphp[];
Bước 3. Định cấu hình mảng Dữ liệu bằng jQuery để lấy dữ liệu từ Cơ sở dữ liệu
$p->data_sql = "select strftime['%Y-%m',o.orderdate] as Year, sum[d.quantity] as Sales from `order details` d, orders o where o.orderid = d.orderid group by strftime['%Y-%m',o.orderdate] limit 50";
Bước 4. Đặt loại biểu đồ
$p->chart_type = "line"; $p->xlabel = "Month"; $p->ylabel = "Sales"; $p->shape = "linear";
Bước 5. Kết xuất biểu đồ
$out = $p->render["c1"];
Để biết mã hoàn chỉnh, vui lòng truy cập bản demo trực tiếp
Bài đăng này hữu ích như thế nào?
Bấm vào một ngôi sao để đánh giá nó
Xếp hạng trung bình 2. 9 / 5. số phiếu bầu. 41
Không có phiếu bầu cho đến nay. Hãy là người đầu tiên đánh giá bài viết này
Như bạn thấy bài viết này hữu ích
Theo dõi chúng tôi trên phương tiện truyền thông xã hội
Chúng tôi xin lỗi vì bài đăng này không hữu ích cho bạn
Hãy để chúng tôi cải thiện bài viết này
Hãy cho chúng tôi làm thế nào chúng ta có thể cải thiện bài viết này?
gửi phản hồiBiểu diễn dữ liệu bằng biểu đồ đường được sử dụng để hiển thị xu hướng của một chủ đề hoặc dữ liệu nhất định cho một khóa học cụ thể. Biểu diễn dữ liệu bằng biểu đồ đường thường được google sử dụng trong hầu hết các sản phẩm của họ, ví dụ: google trends và google analytics
Điều này hiển thị dữ liệu đại diện cho người dùng bằng biểu đồ đường hoặc biểu đồ là một cách được đề xuất và nó cho phép người dùng xem tiến trình của dữ liệu đang được theo dõi. Các biểu đồ đường biểu thị rõ ràng nơi có các đỉnh cao và xu hướng tăng hay giảm
Trọng tâm của bài viết này là mô tả cách bạn có thể tạo biểu đồ đường bằng PHP và MySQL có dữ liệu được lưu trữ trong cơ sở dữ liệu
Bài viết này là phần tiếp theo của bài viết trước mà chúng tôi đã thảo luận về cách tạo biểu đồ đường bằng PHP và MySQL, theo đó chúng tôi đã nhấn mạnh chi tiết những gì được yêu cầu và chức năng của từng chức năng
Đối với bài viết này, chúng tôi sẽ trực tiếp chỉ cho bạn cách tạo biểu đồ đường trên trang web
- Trước tiên, bạn cần thêm tệp JavaScript của trình tải biểu đồ do gstatic cung cấp vào phần đầu trang web của bạn
- Tiếp theo, bạn sẽ cần xác định nơi biểu đồ đường sẽ được hiển thị sau khi được tạo
Chúng tôi sử dụng div và gán cho nó một id mà chúng tôi sẽ liên kết với nó sau khi biểu đồ đường được tạo
- Tiếp theo, bạn sẽ cần chuẩn bị sẵn dữ liệu trong cơ sở dữ liệu MySQL mà bạn muốn hiển thị trong biểu đồ đường
Đối với bài viết này, chúng tôi đang sử dụng một bảng để lưu người đăng ký và chúng tôi sẽ nhóm chúng theo tháng để chúng tôi có thể theo dõi xu hướng hàng tháng
- Tiếp theo, chúng tôi xác định truy vấn SQL sẽ tìm nạp kết quả từ cơ sở dữ liệu và nhóm nó theo tháng [bạn cũng có thể hiển thị hàng ngày, hàng tuần hoặc thậm chí các hàng riêng lẻ]
Truy vấn SQL cho dữ liệu được biểu thị trong hình trên như sau
SELECT MONTH[subscribed_on] AS subscriber_month, COUNT[*] AS subscriber_count FROM subscribers GROUP BY MONTH[subscribed_on]
Kết quả cho truy vấn trên sẽ nhóm dữ liệu như trong hình bên dưới
- Tiếp theo, bây giờ bạn sẽ thêm đoạn mã SQL ở trên vào truy vấn PHP kết hợp với biểu đồ JavaScript như hình bên dưới để tạo biểu đồ đường
Sau khi thực hiện đúng các bước trên, biểu đồ đường sẽ được tạo khi bạn chạy mã
Mã đầy đủ để tạo biểu đồ đường bằng PHP và MySQL như bên dưới
google.charts.load['current', {'packages':['Line']}];
google.charts.setOnLoadCallback[drawChart];
function drawChart[] {
var data = google.visualization.arrayToDataTable[[
['Month','Subscribers'],