Hiển thị dữ liệu trên Dashboard

Core IoT hỗ trợ người dùng tạo ra các Dashboard điều hành trực quan và linh hoạt để theo dõi và quản lý các thiết bị trong hệ thống.

Để hiển thị các thông tin thiết bị gửi lên trong phần hường dẫn trước, chúng ta sẽ cần tạo ra một Dashboard và thiết kể để hiển thị các thông tin này như hình dưới đây.

Tạo Dashboard mới #

– Trên thanh menu bên trái, nhấn vào “Dashboards”.

– Nhấn vào nút dấu cộng (+) và chọn “Create new dashboard“.

– Nhập tên cho dashboard. Ví dụ: “Dashboard 1” và nhấn vào nút “Add“.

Thêm Widget hiển thị Nhiệt độ và độ ẩm #

– Trong dashboard mới tạo, nhấp vào nút “Add new widget“.

– Trong cửa sổ “Add Widget”, chọn “Cards” trong danh sách các widget. Chọn widget “Value card”.

– Trong cửa sổ cấu hình widget:

Data Source:

Trong phần Datasource, chọn thiết bị của bạn từ danh sách.

Trong “Data keys“, nhập “temperature” hoặc để nguyên như vậy nếu đã có sẵn.

– Bạn có thể tùy chỉnh tiêu đề, đơn vị, màu sắc và các thuộc tính khác của widget trong phần Appearance.

– Nhấp vào nút “Add” thể thêm widget vào Dashboard.

– Lặp lại bước trên để thêm một widget cho Độ ẩm, nhưng thay “temperature” bằng “humidity” trong phần “Data keys”.

– Tùy chỉnh tiêu đề và đơn vị cho phù hợp. Ví dụ: “Độ ẩm (%)”.

– Nhấp vào nút “Add” thể thêm widget vào Dashboard.

Thêm Line chart hiển thị đồ thị nhiệt độ và độ ẩm #

– Nhấn vào “Add widget“.

– Trong cửa sổ “Add Widget“, chọn “Charts” trong danh sách các widget. Chọn widget “Timeseries Line Chart”.

– Trong cửa sổ cấu hình widget:

Data Source: Chọn thiết bị của bạn từ danh sách.

– Trong “Data keys” nhập vào “temperature” và “humidity“.

– Nhấp vào nút “Add” thể thêm widget vào Dashboard.

Sắp Xếp Widget #

– Bạn có thể kéo và thả các widget để sắp xếp chúng trên dashboard theo ý muốn.

– Thay đổi kích thước của widget bằng cách kéo các góc của chúng.