Biểu đồ đường trong mã nguồn php mysql

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ó

Gửi xếp hạng

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ồi

Biể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
________số 8

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'],

        

Chủ Đề