Katalog widgetů
Bližší pohled na nastavení widgetu.
Nastavení ovládacího panelu a widgetu naleznete zde.
Hodnotové widgety
Hodnotové widgety se používají, pokud je třeba zobrazit data v textové podobě.
Widget s jednou hodnotou
Slouží k zobrazení pouze jedné hodnoty.
Hodnota může být typu: string, boolean, number.
Single value může v případě potřeby zobrazovat pouze datum (převést např. unixové časové razítko na lidsky čitelné datum).
Widget s více hodnotami
Slouží k zobrazení n hodnot v jednom widgetu.
Kromě zobrazení n hodnot v jednom widgetu má widget více hodnot stejné funkce jako widget jedné hodnoty.
Hodnoty mohou být typu: string, boolean, number.
Widget stavového indikátoru
Widget indikátoru stavu zobrazuje číselnou hodnotu a barevnou indikaci na základě definovaných hranic.
Hodnota může být typu: číslo.
Widget tabulky
Widget tabulky může zobrazovat více hodnot ve formě tabulky.
Hodnoty mohou být typu: string, boolean, number.
Widgety nástrojů
Widgety nástrojů slouží jako "tlačítko" - po kliknutí na něj se v prohlížeči otevře nová karta s odkazem (adresou URL) zadaným v konfiguraci widgetu. Obrázky pro widget nástroje lze načíst přímo do složky public aplikace nebo je načíst jako obrázek ve formě řetězce base64.
Widgety grafů
Widgety grafu se používají, pokud je potřeba zobrazit data v grafické podobě.
Recharts se používají jako knihovna pro vykreslení dat v podobě grafu.
Widget BarChart
Widget BarChart má 4 typy zobrazování dat:
Widget BarChart s ukázkou dat
Zobrazení dat na základě nějakého klíče na časové ose.
Widget BarChart s agregovanými daty
Zobrazení počtu dat na základě nějakého klíče na časové ose.
Widget BarChart se seskupenými daty
Zobrazení dat na základě klíče podle celkového počtu.
Widget BarChart s tabulkou dat
Zobrazení dat grafu v tabulce. Tuto funkci lze povolit v nastavení grafu a aktivovat kliknutím na tlačítko v pravém horním rohu widgetu.
Widget AreaChart
Obsahuje stejné funkce jako widget BarChart, ale zobrazuje data ve widgetu ve formě oblasti.
Widget ScatterChart
Obsahuje stejné funkce jako widget BarChart, ale zobrazuje data ve widgetu ve formě rozptylu.
Widget PieChart
PieChart zobrazuje pouze seskupená data ve formě koláčového grafu a tabulky.
PieChart s gradientními barvami
V tomto příkladu je pro zobrazení podrobných informací o dané části použit tooltip (na tomto obrázku není zobrazen).
PieChart s více barvami
V tomto příkladu je tooltip nahrazen indikací aktivní části v levém horním rohu widgetu.
Widget FlowChart
Mermaid se používá jako knihovna pro vykreslování vývojových diagramů.
Hřiště Mermaid najdete zde.
