Katalog widgetů¶
Podrobnější pohled na nastavení widgetů.
Pro nastavení Dashboardu a widgetů naleznete informace zde.
Hodnotové widgety¶
Použití hodnotových widgetů je vhodné, když je potřeba zobrazit data v textové formě.
Widget jedné hodnoty¶
Slouží k zobrazení pouze jedné hodnoty.
Hodnota může být typu: string
, boolean
, number
.
Jedna hodnota může zobrazovat pouze datum (převést např. unix timestamp na lidsky čitelné datum), pokud je to potřeba.
Widget více hodnot¶
Slouží k zobrazení n
hodnot v jednom widgetu.
Kromě zobrazení n
hodnot v jednom widgetu obsahuje widget více hodnot stejné funkce jako widget jedné hodnoty.
Hodnoty mohou být typu: string
, boolean
, number
.
Widget indikátoru stavu¶
Widget indikátoru stavu zobrazuje číselnou hodnotu a barevnou indikaci na základě definovaných hranic.
Hodnota může být typu: number
.
Tabulkový widget¶
Tabulkový widget může zobrazovat více hodnot v tabulkové formě.
Hodnoty mohou být typu: string
, boolean
, number
.
Tool widgety¶
Tool widgety slouží jako "tlačítko", které po kliknutí otevře novou kartu v prohlížeči s odkazem (URL adresou) specifikovaným v konfiguraci widgetu. Obrázky pro tool widget mohou být nahrané přímo do složky public
aplikace nebo načtené jako base64
řetězec obrázku.
Grafické widgety¶
Použití grafických widgetů je vhodné, když je potřeba zobrazit data v grafické formě.
Recharts je použita jako knihovna pro vykreslování dat ve formě grafu.
Widget sloupcového grafu¶
Widget sloupcového grafu má 4 typy zobrazení dat:
Widget sloupcového grafu s ukázkovými daty¶
Zobrazení dat na základě určitého klíče
na časové ose.
Widget sloupcového grafu s agregovanými daty¶
Zobrazení počtu dat na základě určitého klíče
na časové ose.
Widget sloupcového grafu s seskupenými daty¶
Zobrazení dat na základě klíče
podle celkového počtu.
Widget sloupcového grafu s tabulkou dat¶
Zobrazení dat grafu v tabulce. Tuto funkci lze povolit v nastavení grafu a aktivujte ji kliknutím na tlačítko v pravém horním rohu widgetu.
Widget plošného grafu¶
Obsahuje stejné funkce jako widget sloupcového grafu, ale zobrazuje data ve formě plochy.
Widget bodového grafu¶
Obsahuje stejné funkce jako widget sloupcového grafu, ale zobrazuje data ve formě bodů.
Widget výsečového grafu¶
Widget výsečového grafu zobrazuje pouze seskupená data ve formě výsečového grafu a tabulky.
Widget výsečového grafu s gradientními barvami¶
V tomto příkladu se nástroj zobrazí pro zobrazení podrobných informací o konkrétní části (nástroj není zobrazen na tomto obrázku).
Widget výsečového grafu s více barvami¶
V tomto příkladu je nástroj nahrazen indikací aktivní části v levém horním rohu widgetu.
Widget blokového schématu¶
Mermaid je použitá jako knihovna pro vykreslování blokových schémat.
Mermaid playground lze najít zde.