Rate this post

Trong phần này, chúng ta sẽ tìm hiểu về cách thêm biểu đồ bằng cách sử dụng biểu đồ JS. Chúng tôi sẽ sử dụng Laravel để làm điều này. Công cụ tạo mẫu lưỡi của Laravel thật đáng kinh ngạc. Trong chế độ xem Laravel, có thể dễ dàng sử dụng JS, một thư viện JS và một biến PHP. Trong ứng dụng Laravel của chúng tôi, chúng tôi sẽ sử dụng thư viện Chart.js để tạo các biểu đồ. Biểu đồ vùng, biểu đồ thanh, biểu đồ cột, biểu đồ đường, v.v., có thể được sử dụng bởi thư viện Chart.js. Chúng ta có thể sử dụng nhiều biểu đồ hơn bằng cách sử dụng một số biểu đồ và chủ đề cũng được cung cấp bởi thư viện này.

Các bài viết liên quan:

Ví dụ dưới đây sẽ hữu ích cho chúng ta khi chúng ta muốn thêm biểu đồ ở phía máy chủ của Laravel. Chúng tôi sẽ sử dụng cơ sở dữ liệu của mình để tìm nạp dữ liệu và sau đó, chúng tôi sẽ đặt dữ liệu đó trong hàm Chart JS. Trong ví dụ dưới đây, chúng tôi sẽ sử dụng biểu đồ JS để tạo biểu đồ thanh. Chúng tôi sẽ sử dụng biểu đồ thanh đó trong ứng dụng Laravel của chúng tôi. Quá trình thêm biểu đồ trong Laravel được mô tả như sau.

Đầu tiên, chúng ta sẽ sử dụng tệp route.php của mình để thêm đường dẫn chartjs.

app / Http / route.php

Sau đó, chúng ta sẽ sử dụng Homecontroller để thêm các phương thức sau.

phương thức HomeController

Bây giờ chúng ta sẽ sử dụng tệp xem chartjs của mình để thêm đoạn mã dưới đây vào tệp đó như sau:

chartjs.blade.php

Bây giờ đoạn mã trên của chúng tôi đã sẵn sàng và chúng tôi có thể chạy nó. Khi chúng tôi chạy điều này, kết quả sau sẽ được tạo:

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Contact Me on Zalo
Call now