Sau khi tạo mới kênh dữ liệu cho dự án, bạn đọc có thể bắt đầu thiết lại Dashboard, với đối tượng đồ thị được thêm vào. Từ menu chính, chọn vàDashboardđể truy cập vào chi tiết của Dashboard hiện tại (DHB_BBC_LED), như sau:
Hình 9.3:Thiết kế giao diện cho Dashboard
Từ biểu tượng cài đặt ở góc bên phải, bạn đọc chọn vào tính năng thêm đối tượng giao diện mới bằng cách nhấn chuột vào+ Create New Block. Với các đối tượng
giao diện hỗ trợ trên Adafruit IO, chúng ta sẽ chọn vào đối tượng đồ thị, như hướng dẫn bên dưới:
Hình 9.4:Chọn đồ thị giao diện
Tiếp theo, một giao diện sẽ được hiện ra, để chúng ta liên kết đồ thị với Feed dữ liệu. Ở đây, chúng ta sẽ chọn vào FeedBBC_TEMPERATURE, như minh họa ở hình
bên dưới:
Hình 9.5:Chọn Feed dữ liệu liên kết với đồ thị
Nhấn vào nút Next stepđể cấu hình cho việc hiển thị của đồ thị. Giao diện bên dưới sẽ hiện ra:
Hình 9.6:Cấu hình hiển thị trên đồ thị
Có rất nhiều thông tin mà bạn đọc có thể thay đổi. Tuy nhiên các thông tin cấu hình đều đang ở dạng mặc định mà bạn không cần phải thay đổi gì. Ở đây, chúng tôi chỉ đơn giản là thêm thông tinBlock Title, và nhấn vào nútCreate blockở cuối giao diện cài đặt này. Kết quả hiện tại, một đồ thị sẽ được thêm vào Dashboard như sau:
Theo chế độ mặc định, đồ thị mới thêm vào sẽ được xếp theo chiều dọc. Trong trường hợp bạn muốn sắp xếp lại nó ở vị trí khác, hay thậm chí thay đổi kích thước của đồ thị, thao tác cũng tương tự như khi chúng ta làm với nút nhấn: Chọn vào biểu tượng cài đặt, còn tiếp vàoEdit Layout, sau đó kéo thả đối tượng trên Dash-
board để thay đổi. Cuối cùng, nhấn vào nútSave Layoutđể kết thúc.
Hình 9.8:Thay đổi layout của giao diện trên Dashboard