Budowanie paneli
Edytor paneli (UI Builder) to narzędzie bez kodu do projektowania pulpitów nawigacyjnych wyświetlających dane aplikacji w czasie rzeczywistym.
Otwieranie edytora paneli
- Otwórz swoją aplikację w środowisku IDE w chmurze.
- Kliknij przycisk Board w menu bocznym.
- Edytor paneli otwiera się pokazując aktualny układ pulpitu nawigacyjnego.
Dodawanie widgetów
Kliknij Dodaj widget, aby umieścić nowy komponent na panelu. Dostępne typy widgetów:
| Widget | Zastosowanie |
|---|---|
| Wykres liniowy | Trendy szeregów czasowych (temperatura w czasie) |
| Wykres słupkowy | Porównania kategoryczne |
| Wykres kołowy | Rozkład / proporcje |
| Wskaźnik | Pojedyncze wartości w czasie rzeczywistym (prędkość, ciśnienie) |
| Wyświetlacz wartości | Pokaż pojedynczą liczbę lub tekst |
| Tabela | Dane tabelaryczne z sortowaniem/filtrowaniem |
| Mapa | Lokalizacje urządzeń z nakładkami danych |
| Osadzanie | Zewnętrzna zawartość webowa lub tunele dostępu zdalnego urządzenia |
Podłączanie danych
Każdy widget jest połączony z tabelą i kolumną z data-template.yml:
- Wybierz widget.
- Wybierz tabelę źródła danych.
- Zmapuj kolumny na osie lub pola widgetu.
- Ustaw opcje filtrowania lub agregacji.
Dane aktualizują się w czasie rzeczywistym — gdy nowe dane docierają z urządzeń, widgety odświeżają się automatycznie.
Układ
Przeciągaj i zmieniaj rozmiar widgetów, aby rozmieścić swój pulpit nawigacyjny. Panel obsługuje pozycjonowanie oparte na siatce z responsywnymi układami. Zmiany układu są natychmiastowo zapisywane.
Strony panelu
Panele mogą mieć wiele stron. Dodaj strony używając nawigacji strony w edytorze. Każda strona może mieć własny układ i widgety — przydatne do organizowania widoków według urządzenia, lokalizacji lub tematu.
Zapisywanie zmian
Po zakończeniu edycji kliknij Zapisz, aby zatwierdzić zmiany układu panelu. Zmiany są zapisywane w board-template.yml w repozytorium aplikacji.
Aby zmiany panelu były dostępne użytkownikom, utwórz nowe Wydanie.