Chúng tôi đã biết hầu hết dữ liệu trong bất kỳ ứng dụng dựa trên web nào đều xuất phát từ nguồn cơ sở dữ liệu và dựa trên dữ liệu mà chúng tôi muốn yêu cầu hiển thị dữ liệu đó ở định dạng biểu đồ hoặc biểu đồ . Vì vậy, hiển thị cơ sở dữ liệu dưới dạng biểu đồ hoặc trực quan hóa biểu đồ trên trang web là vấn đề đau đầu của hầu hết các thành viên lập trình và nhiệm vụ này cần phải mất các bước để hiển thị dữ liệu
Nhưng sau khi đến với các biểu đồ của Morris. js, nó làm cho công việc này nhanh hơn trước đây mà chúng tôi đã thực hiện để tạo biểu đồ từ dữ liệu. Chúng tôi chỉ thực hiện truy vấn Mysql đơn giản và thực hiện truy vấn cũng như chuyển kết quả truy vấn vào biểu đồ javascript và sau đó, nó sẽ tạo ra biểu đồ theo yêu cầu của chúng tôi. Thư viện Charts của Morris. js là thư viện được chúng tôi yêu thích nhất để hiển thị dữ liệu ở định dạng biểu đồ trên trang web
Trong bài viết này, trước hết chúng tôi sẽ thực hiện truy vấn đơn giản và tạo dữ liệu cho biểu đồ Morris. js, dựa trên dữ liệu đó, chúng tôi sẽ tạo biểu đồ đường, biểu đồ khu vực, biểu đồ thanh và biểu đồ thanh với tùy chọn xếp hạng chồng. Để tạo biểu đồ này, chúng tôi đã lấy dữ liệu của dữ liệu lợi nhuận, mua và bán trong 10 năm qua từ bảng Mysql
Trước tiên, chúng tôi đã tải xuống liên kết thư viện CDN cần thiết để sử dụng biểu đồ Morris. js với PHP và Mysql
Sau khi xác định liên kết thư viện CDN cần thiết, chúng tôi đã tạo thẻ và chúng tôi sẽ hiển thị biểu đồ bên dưới thẻ này
Để tìm dữ liệu từ bảng, chúng tôi đã viết mã php để tìm tải dữ liệu từ bảng Mysql và sắp xếp chúng theo dữ liệu có định dạng được cho phép trong thư viện javascript của biểu đồ