flexideo - Komponenta graf

Komponenta graf

Komponenta Graf umožňuje převádět data z přehledů do vizuální podoby. Místo pouhých tabulek lze díky ní zobrazit informace ve formě sloupcových, čárových, koláčových, radarových nebo bublinových grafů. Komponenta podporuje rozsáhlou konfiguraci – lze nastavit typ grafu, barvy, popisky, legendu i interaktivní prvky (například tooltipy nebo akce po kliknutí). Díky tomu je možné grafy přizpůsobit konkrétním potřebám uživatelů i projektů.

Data v komponentě graf lze promítnout v následujících typech grafu:

Bublinkový graf (bubble)

Čárový graf (line)

Koláčový graf (pie)

Prstencový graf (doughnut)

PolarArea graf (polarArea)

Radar graf (radar)

Sloupcový graf (bar)

Základní nastavení

Vložení a úprava komponenty Graf probíhá v nástroji PagEdit v rámci Comex Tools.

Do vybraného rámečku stránky se graf vloží skrz tlačítko "Vložit součást"

Typ součásti - Přehled >> Data >> [Součást] >> Graf

Parametry grafu

Některé parametry jsou obecné (platné pro všechny komponenty), jiné jsou specifické pro konkrétní typ. Komponenta Graf obsahuje specifické parametry, které určují vzhled, funkce i interaktivitu grafu. Díky jejich nastavení je možné graf přizpůsobit konkrétním potřebám.

graf: Akce - click

Tento parametr slouží k nastavení interakce při kliknutí na prvek v grafu. Umožňuje určit, jaká akce se má provést, a to prostřednictvím nastavení objektu Akce-click. Parametr umožňuje nakonfigurovat, jaká logika se spustí při interakci uživatele s grafem. Příkladem je otevření detailu záznamu při kliknutí na hodnotu v grafu.

Nastavení parametru Akce-click:

ID comex strany – identifikátor cílové strany v systému Comex, na kterou se uživatel přesměruje nebo z níž se načtou data. Kliknutím přejde na stránku zadaného ID, key+type zadat v parametrech dockey+doctype.

Sloupec s PDK dokumentu (pro akci, pro seskupovaný přehled) – určuje, který sloupec obsahuje PDK dokumentu, jenž se použije při práci se seskupenými přehledy.

Typ dokumentu (pro akci, pro seskupovaný přehled) – definuje typ dokumentu, který se má zobrazit nebo se kterým se má pracovat při seskupeném přehledu.

Název akce – název nebo identifikátor akce, která se provede po kliknutí (např. otevření detailu, načtení jiné komponenty, přesměrování). Kliknutím spustí akci s unikátním name akce, např. uniq_act_name_8765.

graf: Animace

Parametr slouží k nastavení animace grafu. Konkrétní možnosti nastavení se zadávají prostřednictvím „Vložit hodnotu“.

Nastavení parametru Animace:

Povolení animace - Vypne a nebo zapne úvodní animace (možný výběr z hodnot true nebo false).

Rychlost animace - Výběr z přednastavených rychlostí animací (možný výběr z hodnot slow, normal, fast).

Pokročilá rychlost animace - Délka animace v milisekundách.

Opakovat animace - Možný výběr z hodnot true nebo false, výchozí false. Pokud je nastaveno na hodnotu true, animace se budou opakovat donekonečna.

Typ animace - výběr z vybraných hodnot animace:
^{Prudké zpomalení ke konci.} ^{Začíná pomalu po sinusoidě.}

^{Název funkce}	^{Popis chování animace}
^linear	^{Konstantní rychlost, bez zrychlení či zpomalení.}
^easeInQuad	^{Pomalu začíná, postupně zrychluje (kvadratické zrychlení).}
^easeOutQuad	^{Rychlý začátek, pomalé zpomalení ke konci.}
^{easeInOutQuad}	^{Pomalu začíná i končí, zrychlení uprostřed.}
^easeInCubic	^{Ještě prudší zrychlení než Quad, pomalý začátek.}
^easeOutCubic
^{easeInOutCubic}	^{Hladké zrychlení i zpomalení s větší dynamikou.}
^easeInQuart	^{Velmi pomalý začátek, prudké zrychlení.}
^easeOutQuart	^{Prudký start, velmi pomalý konec.}
^{easeInOutQuart}	^{Extrémně hladká a výrazná změna tempa na začátku a konci.}
^easeInQuint	^{Extrémní pomalost na začátku, rychlé dokončení.}
^easeOutQuint	^{Rychlý start, velmi pomalé zastavení.}
^{easeInOutQuint}	^{Ještě výraznější dynamika než Quart.}
^easeInSine
^easeOutSine	^{Končí pomalu podle sinusoidy.}
^{easeInOutSine}	^{Hladký průběh podle celé sinusoidy.}
^easeInExpo	^{Exponenciální zrychlení – velmi pomalý start, pak rychlý průběh.}
^easeOutExpo	^{Prudký nástup a velmi pozvolné zpomalení.}
^{easeInOutExpo}	^{Dramatické zrychlení i zpomalení – velmi dynamické.}
^easeInCirc	^{Začíná kruhově, jako by nabíhal do otáčky.}
^easeOutCirc	^{Prudký start a pozvolný konec (kruhový efekt).}
^{easeInOutCirc}	^{Hladké zaoblené zrychlení a zpomalení.}
^{easeInElastic}	^{Začíná s efektem pružiny (vlní se na začátku).}
^{easeOutElastic}	^{Končí s efektem pružiny (vlní se na konci).}
^{easeInOutElastic}	^{Pružinový efekt na začátku i na konci.}
^easeInBack	^{Mírně couvne a pak prudce vyrazí dopředu.}
^easeOutBack	^{Rychle dopředu a trochu "přestřelí" než se ustálí.}
^{easeInOutBack}	^{Couvnutí na začátku i konci – výrazný dynamický pohyb.}
^easeInBounce	^{Odskakuje na začátku (jako míček dopadající nahoru).}
^{easeOutBounce}	^{Odskakuje na konci (jako míček dopadající dolů).}
^{easeInOutBounce}	^{Odskakuje na začátku i konci (efekt míče při pohybu tam a zpět).}

graf: Barevná paleta

Parametr slouží k výběru barevné palety grafu. Barevnou paletu je vhodné využít vždy, když je potřeba vizuálně odlišit různé datové série, kategorie nebo stavy, a tím zlepšit čitelnost, přehlednost a interpretaci dat.

Pokud není zadáno, použije se výchozí paleta nastavená systémem (defaultPalette), parametr umožňuje výběr jiné sady(colorMat, colorSafe, darkness,...).

graf: Data Labels

Parametr slouží k nastavení popisků datových prvků v grafu. Labely se vybírají z dostupných sloupců datového přehledu a určují, jaký text se u jednotlivých prvků (sloupců, bodů, výsečí apod.) zobrazí. Umožňuje vybrat více možností či upravit výstup (například použití závorek).

graf: Data sets (datové sady)

Parametr slouží k definici datových sad, které mají být v grafu zobrazeny. Každý graf musí obsahovat alespoň jednu datovou sadu – bez ní není možné graf vykreslit. Datová sada reprezentuje konkrétní zdroj dat (např. tržby, počet objednávek, návštěvnost) a zároveň obsahuje nastavení, které určuje, jakým způsobem budou tato data v grafu vizualizována.

Obecné vlastnosti datové sady

Každá sada se definuje jako objekt s parametry.

Je možné přidat více datových sad, čímž lze v jednom grafu kombinovat různé typy dat (např. sloupce + čára).

V rámci objektu se nastavují: zdrojová data (co se má vykreslit), vizuální vlastnosti (barvy, styly, popisky), logika zobrazení (typ grafu),...

Příklad použití

Jedna datová sada – zobrazí základní graf (např. „Počet objednávek“).

Více datových sad – zobrazí kombinovaný graf (např. sloupcový graf s tržbami + čárový graf s počtem objednávek).

Nastavení parametru Data sets

Pro každou datovou sadu se nastavují jednotlivé funkce hodnot:

dataset: Typ grafu - nastavení typu grafu (možnost výběru z nastavených hodnot). Pro každou datovou sadu je možné vybrat jiný typ grafu (např. Sloupcový graf + čárový graf).

^{Typ grafu}	^Popis
^bar	^{Sloupcový graf s vertikálními sloupci}
^{horizontalBar}	^{Sloupcový graf s horizontálními sloupci}
^pie	^{Koláčový graf rozdělený na výseky}
^doughnut	^{Prstencový graf s dírou uprostřed}
^line	^{Čárový graf zobrazující spojení bodů}
^bubble	^{Graf s bublinami různých velikostí}
^radar	^{Radiální graf zobrazující vícerozměrná data}
^scatter	^{Bodový graf bez spojení bodů}
^polarArea	^{Polární plošný graf rozdělený na segmenty}

dataset: Průhlednost výplně - Desetinné číslo s rozsahem 0 až 1 (0 = průhledný/neviditelný, 1 = neprůhledný).

dataset: Legenda - Legenda grafu, nastavujte v prvním datasetu.
Nastavení objektu Legenda:

Zobrazení legendy - Zapnout/vypnout legendu grafu (možnost výběru z hodnot true nebo false).

Text legendy - Nastavení textu legendy.

Pozice legendy- Umístění legendy (možnost výběru z přednastavených hodnot top, left, right, bottom, chartArea).

Zarovnáni legendy - Horizont. zarovnání legendy grafu (umožňuje výběr z hodnot start, center, end).

Legenda max. height - Maximální výška legendy v pixelech.

Legenda max. width - Maximální šířka legendy v pixelech.

Legenda plná šířka - Zapnutí legendy na celou šířku canvasu (umožňuje výběr z hodnot true nebo false).

Reverzní legenda - Převrácené zobrazení legendy (umožňuje výběr z hodnot true nebo false).

Nadpis legendy - Nastavení nadpisu u legendy grafu.
Nastavení objektu Nadpis legendy:

- Zobrazit titulek - Zobrazení titulku (umožňuje výběr z hodnot true nebo false).

- Text titulku - Nastavení textu titulku.

- Pozice titulku - Neplatí pro pozici nadpisu legendy. (umožňuje výběr z hodnot top, bottom, left, right).

- Zarovnání titulku - Nastavení zarovnání titulku, neplatí pro nadpis legendy (umožňuje výběr z hodnot start, center, end).

- Font titulku - Nastavení fontu titulku.
Nastavení objektu Font titulku:
-- Velikost textu obsahu - Nastavení velikosti písma obsahu.
-- Typ písma titulku - Nastavení typu písma titulku (umožňuje výběr z přednastavených hodnot (fontů) nebo je možné zadat vlastní hodnot.
-- Styl textu - Nastavení stylu písma obsahu (umožňuje výběr z hodnot normal, italic, oblique).
-- Váha písma titulku - Nastavení stylu písma titulku (umožňuje výběr z hodnot normal, bold, lighter, bolder, smaller, number).
-- Barva textu obsahu - Nastavení barvy písma obsahu(umožňuje zadání hodnoty barvy v HEX kódu nebo název barvy (např. red)).
-- Výška řádku textu - Výška jednoho řádku textu.
-- Spacing obsahu - Nastavení odsazení písmenek obsahu.
- Titulek padding - Nastavení odsazení titulku.
Labels legendy - Customizace labelu (popisku) legendy.
Nastavení objektu Labels legendy:
- Popisek šířka boxu - Nastavení šířky boxu u popisku.
- Popisek výška boxu - Nastavení výšky boxu u popisku.
- Barva textu labelu - Nastavení barvy popisku (umožňuje zadání hodnoty barvy v HEX kódu nebo název barvy (např. “red”)).
- Horizontal alignment - Vodorovné zarovnání textu popisku (umožňuje výběr z hodnot center, left, right).
- Label borderRadius will match corresponding borderRadius - Zaoblení rohů popisku bude odpovídat příslušnému zaoblení rohů (umožňuje výběr z hodnot true nebo false).
- Corresponding borderRadius - Zaoblení rohů popisku bude odpovídat odpovídajícímu zaoblení rohů.
- Popisek velikost fontu - Nastavení velikosti fontu u popisku.
- Popisek styl fontu - Nastavení stylu fontu u popisku (umožňuje výběr z hodnot normal, italic, oblique).
- Popisek font weight - Nastavení fontu u popisku (umožňuje výběr z hodnot normal, bold, lighter, bolder, smaller, number).
- Popisek typ písma - Nastavení typu písma u popisku (umožňuje zadat hodnotu typu písma (název fontu)).
- Popisek padding - Nastavení vnitřního odsazení.
- Popisek pointStyle width - Určuje šířku symbolu (tzv. „point style“) zobrazeného v legendě grafu.
- Tvar symbolu dat - Nastavení tvaru symbolu dat (umožňuje vybrat z nastavených hodnot - circle, cross, crossRot, dash, line, rect, rectRounded, rectRot, star, triangle)
- Popisek použít symbol - Nastavení použití symbolu v popisku (možnost výběru z hodnot true nebo false).

Zobrazovaná data - Vybraný sloupec s daty, které se mají zobrazit.

dataset/tooltip: Změna labelu v tooltipu - Nastavení změny labelu (formát) (umožňuje výběr z nastavených hodnot).
^Kč ^{Měna (Kč), formát: cz-CZ, 2 desetinná místa} ^{Měna (CZK), formát: cz-CZ, 2 desetinná místa}

^Label	^{Popis v tooltipu}
^CZK
^suma	^{Suma, formát: cz-CZ, 2 desetinná místa}
^sum+Kč	^{Suma + měna (Kč), formát: cz-CZ, 2 desetinná místa}
^sum+CZK	^{Suma + měna (CZK), formát: cz-CZ, 2 desetinná místa}
^count	^Počet
^hr	^Hodiny
^HR	^Hodiny

dataset: Posun při vznášení (hoverOffset) - Nastavení posunu vznášecího se grafu.

dataset: Šířka okraje při vznášení (hoverBorderWidth)- Nastavení šířky ohraničení (borderu) segmentu nebo bodu grafu při hover efektu.

dataset: Barva čáry, výplně - Nastavení barvy čáry či výplně grafu (umožňuje zadání hodnoty pojmenovaná barva (red, green, blue) nebo barva v hexadecimálním tvaru (#FF0000, #00FF00, #0000FF), standardně je barva brána z defaultPalette).

dataset: Oddělovač - Unikátní oddělovač částí popisků a dat. Výchozí při neuvedení je ';' (středník).

dataset: Special Aggr-Kod - Nastavení agregačního kódu

BAR: Nastavení pro sloupcový graf - podrobný popis v Sloupcový graf

DOUGHNUT: Nastavení pro prstencový graf - podrobný popis v Prstencový graf

PIE: Nastavení pro koláčový graf - podrobný popis v Koláčový graf

LINE: Nastavení pro čárový graf - podrobný popis v Čárový graf

BUBBLE: Nastavení pro bublinkový graf - podrobný popis v Bublinkový graf

RADAR: Nastavení pro radarový graf - podrobný popis v Radar graf

graf: Layout

Parametr slouží k nastavení odsazení (paddingu) obsahu canvasu, ve kterém je graf vykreslen. Umožňuje jemně doladit pozici grafu v rámci dostupné plochy, například pro správné zobrazení os, popisků nebo legendy. Odsazení se udává v px.

Možné volby nastavení

Layout horní padding - Nastavuje horní odsazení obsahu grafu

Layout levý padding - Nastavuje levé odsazení obsahu grafu.

Layout pravý padding - Nastavuje pravé odsazení obsahu grafu.

Layout spodní padding - Nastavuje spodní odsazení obsahu grafu

Automatic padding - Nastavuje automatické odsazení tak, aby byly viditelné prvky vykresleny úplně.

graf: Pixelový poměr zařízení

Parametr určuje poměr mezi logickými a fyzickými pixely zařízení. Standardně je nastaven na hodnotu 1:1, avšak některá zařízení (např. monitory s vysokou hustotou pixelů – Retina displeje) používají vyšší poměr. Potřeba nastavit pokud by mělo být konvertováno do bitmapy a nebo tisknuto na tiskárně s vyšším DPI.

graf: Podtitul

Parametr slouží k nastavení druhého titulku grafu, který se standardně umisťuje pod hlavní titulek. Podtitul umožňuje doplnit graf o další kontext, vysvětlení nebo detailní informaci k datům.

Nastavení objektu Podtitul:

Zobrazit titulek - Zobrazit titulek (umožňuje výběr z hodnot true nebo false).

Text titulku - Zadání textu titulku.

Pozice titulku - Neplatí pro pozici nadpisu legendy (umožňuje výběr z hodnot top, bottom, left, right).

Zarovnání titulku - Nastavení zarovnání titulku, neplatí pro nadpis legendy (umožňuje výběr z hodnot start, center, end).

Font titulku - Nastavení fontu titulku.
Nastavení objektu Font titulku:
Velikost textu obsahu - Nastavení velikosti písma obsahu.
Typ písma titulku - Nastavení typu písma titulku (umožňuje výběr z přednastavených hodnot (fontů) nebo je možné zadat vlastní hodnotu). Výchozím fontem je Montserrat.
Styl textu - Nastavení stylu písma obsahu (umožňuje výběr z hodnot normal, italic, oblique).
Váha písma titulku - Nastavení stylu písma titulku (umožňuje výběr z hodnot normal, bold, lighter, bolder, smaller, number).
Barva textu obsahu - Nastavení barvy písma obsahu (umožňuje zadání hodnoty barvy v HEX kódu nebo název barvy (např. “red”)).
Výška řádku textu - Výška jednoho řádku textu.
Spacing obsahu - Nastavení odsazení písmenek obsahu.

Titulek padding - Nastavení odsazení titulku.

graf: Responzivita

Parametr určuje, jak se graf přizpůsobuje změnám velikosti svého kontejneru (např. při změně velikosti okna prohlížeče nebo zobrazení na různých zařízeních). Responzivita zajišťuje, aby graf zůstal čitelný a správně zarovnaný bez ohledu na rozlišení obrazovky.

Možné volby nastavení:

Responzivita - Zapnutí a nebo vypnutí responzivity grafu (umožňuje výběr z hodnot true nebo false).

Zpozdit aktualizaci velikosti - Zpozdit aktualizaci velikosti o daný počet milisekund. To může usnadnit proces změny velikosti odstraněním rušení aktualizace prvků.

Zachovat poměr stran - Při změně velikosti zachovat původní poměr stran plátna (šířka / výška), umožňuje výběr z hodnot true nebo false.

graf: Skládat sloupce do vrstveného grafu

Parametr určuje, zda se mají sloupcové hodnoty více datových sad skládat na sebe a tvořit tak vrstvený (stacked) sloupcový graf.

Pokud je hodnota nastavena na false, každá datová sada se zobrazí jako samostatný sloupec vedle ostatních.

Pokud je hodnota nastavena na true, hodnoty se zobrazí v rámci jednoho sloupce nad sebou a vizuálně reprezentují jejich součet.

graf: Stejná barva v grafu

Parametr určuje, zda má být pro celý dataset použita jedna barva, nebo zda se mají jednotlivé hodnoty v rámci jedné datové sady zobrazovat s odlišnými barvami (umožňuje výběr z hodnot true nebo false).

graf: Stupnice

Parametr Stupnice umožňuje detailně nastavit vzhled a chování os grafu, včetně mřížky (grid), značek (ticks) a popisků os (titles). Díky těmto možnostem lze přizpůsobit čitelnost a prezentaci grafu podle konkrétních potřeb.

Nastavení objektu graf: Stupnice:

Grid: osa-x zobrazit grid line - určuje, zda se mají na ose X zobrazovat čáry mřížky (výběr z hodnot true nebo false)

Grid: osa-y zobrazit grid line - určuje, zda se mají na ose Y zobrazovat čáry mřížky (výběr z hodnot true nebo false)

Grid: osa-x šířka grid line - nastavuje tloušťku čar mřížky na ose X

Grid: osa-y šířka grid line - nastavuje tloušťku čar mřížky na ose Y.

Grid: osa-x barva grid line - určuje barvu mřížky na ose X.

Grid: osa-y barva grid line - určuje barvu mřížky na ose Y.

osa-y: typ stupnice/měřítko - umožňuje přepínat mezi lineární a logaritmickou stupnicí.

osa-y: pozice - určuje, zda bude osa Y vykreslena vlevo nebo vpravo.

Ticks: barva značek na osách - nastavuje barvu čárek a čísel značek.

Ticks: velikost písma popisku značek na osách - určuje velikost písma popisků u značek.

Title: osa-x zobrazit titulek - určuje zobrazení titulku na ose X (umožňuje výběr z hodnot true nebo false)

Title: osa-y zobrazit titulek - určuje zobrazení titulku na ose Y (umožňuje výběr z hodnot true nebo false)

Title: osa-x text titulku - umožňuje zadat vlastní text titulku pro osu X.

Title: osa-y text titulku - umožňuje zadat vlastní text titulku pro osu Y.

Title: osa-x barva titulku - nastavuje barvu textu titulku osy X.

Title: osa-y barva titulku - nastavuje barvu textu titulku osy Y.

Title: osa-x zarovnani titulku - určuje zarovnání titulku osy X (umožňuje výběr z hodnot start, center, end).

Title: osa-y zarovnani titulku - určuje zarovnání titulku osy Y (umožňuje výběr z hodnot start, center, end).

Title: osa-x odsazeni titulku - nastavuje odsazení titulku od osy X.

Title: osa-y odsazeni titulku - nastavuje odsazení titulku od osy Y.

graf: Šířka

Rozměr grafu udávaný v pixelech.

graf: Titulek

Složí pro nastavení barvy, fontu, stylu titulku.

Nastavení objektu Titulek:

Zobrazit titulek - Zobrazit titulek (umožňuje výběr z hodnot true nebo false).

Text titulku - Zadání textu titulku.

Pozice titulku - Neplatí pro pozici nadpisu legendy (umožňuje výběr z hodnot top, bottom, left, right).

Zarovnání titulku - Nastavení zarovnání titulku, neplatí pro nadpis legendy (umožňuje výběr z hodnot start, center, end).

Font titulku - Nastavení fontu titulku.
Nastavení objektu Font titulku:
Velikost textu obsahu - Nastavení velikosti písma obsahu.
Typ písma titulku - Nastavení typu písma titulku (umožňuje výběr z přednastavených hodnot (fontů) nebo je možné zadat vlastní hodnotu).
Styl textu - Nastavení stylu písma obsahu (umožňuje výběr z hodnot normal, italic, oblique).
Váha písma titulku - Nastavení stylu písma titulku (umožňuje výběr z hodnot normal, bold, lighter, bolder, smaller, number).
Barva textu obsahu - Nastavení barvy písma obsahu (umožňuje zadání hodnoty barvy v HEX kódu nebo název barvy (např. “red”)).
Výška řádku textu - Výška jednoho řádku textu.
Spacing obsahu - Nastavení odsazení písmenek obsahu.

Titulek padding - Nastavení odsazení titulku.

graf: Tooltip

Parametr určuje nastavení tooltipu, tedy malé informační bubliny, která se zobrazí při najetí myší (nebo při tapnutí na mobilním zařízení) na konkrétní prvek grafu. Tooltip slouží k zobrazení detailnějších informací o datech, aniž by zahlcoval samotnou vizualizaci.

Nastavení objektu Tooltip:

Zobrazit tooltip - Nastavení zobrazení bubliny s popiskem (možnost výběru z hodnot true nebo false).

Zobrazit barevné symboly v tooltipu - Barevné rámečky se zobrazují v popisku.

Tvar symbolu barvy dat - nastavení tvaru symbolu (umožňuje vybrat z hodnot čtverec, zaoblený čtverec, kruh, trojúhelník)

Rotace symbolu barvy dat - nastavení rotace symbolu (počet stupňů úhlu rotace, možnost výběru z hodnot 30, 45, 60, 90, 120)

Výška symbolu barvy dat - Nastavení výšky symbolu v pixelech.

Šířka symbolu barvy dat - Nastavení šířky symbolu v pixelech.

Odsazení symbolu v tooltipu - Dodatečné posunutí symbolu a textu v popisku.

Odsazení v tooltipu - Dodatečné posunutí textu v popisku.

Odsazení stříšky - Dodatečná vzdálenost pro posunutí konce šipky popisku od bodu popisku.

Velikost stříšky tooltipu - Velikost šipky popisu v pixelech.

Zarovnání stříšky popisku: horizontálně - Nastavení horizontálního odsazení obsahu v bublině (možnost výběru z hodnot left, center, right)

Zarovnání stříšky popisku:vertikálně - Nastavení vertikálního odsazení obsahu v bublině (možnost výběru z hodnot top, center, bottom).

Zaoblení rohů - Poloměr rohových křivek popisku (radius)

Barva pozadí - Nastavení barvy pozadí bubliny (příklad: #FFF nebo white).

Barva textu - Nastavení barvy textu bubliny (příklad: #0000FF nebo blue).

Font titulu tooltipu - Nastavení fontu titulku.
Nastavení objektu Font titulu tooltipu:
Velikost textu obsahu - Nastavení velikosti písma obsahu.
Typ písma titulku - Nastavení typu písma titulku (umožňuje výběr z přednastavených hodnot (fontů) nebo je možné zadat vlastní hodnotu).
Styl textu - Nastavení stylu písma obsahu (umožňuje výběr z hodnot normal, italic, oblique).
Váha písma titulku - Nastavení stylu písma titulku (umožňuje výběr z hodnot normal, bold, lighter, bolder, smaller, number).
Barva textu obsahu - Nastavení barvy písma obsahu (umožňuje zadání hodnoty barvy v HEX kódu nebo název barvy (např. “red”)).
Výška řádku textu - Výška jednoho řádku textu.
Spacing obsahu - Nastavení odsazení písmenek obsahu.

Font text popisku - Nastavení fontu textu bubliny
Nastavení objektu font text popisku:
Velikost textu obsahu - Nastavení velikosti písma obsahu.
Typ písma titulku - Nastavení typu písma titulku (umožňuje výběr z přednastavených hodnot (fontů) nebo je možné zadat vlastní hodnotu).
Styl textu - Nastavení stylu písma obsahu (umožňuje výběr z hodnot normal, italic, oblique).
Váha písma titulku - Nastavení stylu písma titulku (umožňuje výběr z hodnot normal, bold, lighter, bolder, smaller, number).
Barva textu obsahu - Nastavení barvy písma obsahu (umožňuje zadání hodnoty barvy v HEX kódu nebo název barvy (např. “red”)).
Výška řádku textu - Výška jednoho řádku textu.
Spacing obsahu - Nastavení odsazení písmenek obsahu.

Barva nadpisu - Barva textu nadpisu (umožňuje zadat hodnotu např.: #FF0000 nebo red).

Barva okraje - Barva okraje bubliny popisku (umožňuje zadat hodnotu např.: #00FF00 nebo green).

Šířka okraje - Nastavení šířky okrajů popisku.

Tooltip mode - Určuje způsob, jakým se zobrazují tooltipy (nápovědy), když uživatel najede myší na graf.
^{Tooltip se zobrazí pro všechny datové sady (datasets) na daném indexu osy X.}

^Režim	^Popis	^{Vhodné pro typ grafu}
^point	^{Tooltip se zobrazí pouze pro konkrétní bod, na který uživatel najede.}	^{Line, Bar, Scatter}
^nearest	^{Tooltip se zobrazí pro nejbližší bod bez ohledu na osu – určuje se podle vzdálenosti kurzoru.}	^{Scatter, Bubble}
^index	^{Line, Bar (srovnání dat)}
^dataset	^{Tooltip zobrazí všechny body v jedné datové sadě, na základě pozice kurzoru.}	^{Line (zdůraznění trendu)}
^x	^{Tooltip zobrazí všechny body se stejnou hodnotou X, užitečné při porovnání dat napříč sadami.}	^{Line, Bar}
^y	^{Tooltip zobrazí všechny body se stejnou hodnotou Y.}	^{Horizontální grafy (BarH)}

Protnutí hodnoty - Pokud je hodnota true, režim popisku se použije pouze tehdy, když se pozice myši protne s prvkem. Pokud je hodnota false, režim se použije vždy.

Pozice - Nastavení pozice Tooltipu

^Hodnota	^Popis
^average	^{Tooltip se zobrazí ve středu všech relevantních bodů (např. při mode: index).}
^nearest	^{Tooltip se zobrazí přímo nad (nebo vedle) nejbližším bodem, na který se ukazuje.}

footer/dataset: text - Nastavení footeru (volitelná spodní část, může obsahovat souhrny, vysvětlivky nebo vlastní text) tooltipu.
Nastavení objektu footer/dataset: text:
Nastavit footer font - Nastavení fontu footeru.
Nastavení objektu Footer font:
- Velikost textu obsahu - Nastavení velikosti písma obsahu.
- Typ písma titulku - Nastavení typu písma titulku (umožňuje výběr z přednastavených hodnot (fontů) nebo je možné zadat vlastní hodnotu).
- Styl textu - Nastavení stylu písma obsahu (umožňuje výběr z hodnot normal, italic, oblique).
- Váha písma titulku - Nastavení stylu písma titulku (umožňuje výběr z hodnot normal, bold, lighter, bolder, smaller, number).
- Barva textu obsahu - Nastavení barvy písma obsahu (umožňuje zadání hodnoty barvy v HEX kódu nebo název barvy (např. “red”)).
- Výška řádku textu - Výška jednoho řádku textu.
- Spacing obsahu - Nastavení odsazení písmenek obsahu.
Zarovnání footeru - Nastavení horizontálního zarovnání textových řádků v zápatí (možnost výběru z hodnot start, center, end).
Rozteče/řádkování footeru - Nastavení vzdálenosti (mezery), která se přidá nad a pod každý řádek v zápatí.
Horní odsazení - Nastavení horní odsazení footeru.

Barva pozadí pro více položek - Barva pozadí za barevnými rámečky, když je v popisku více položek.

graf: Výška

Rozměr grafu udávaný v pixelech.

graf: Zaokrouhlovat na ose Y

Příznak, zda zaokrouhlovat hodnoty popisků na ose Y na celá čísla (umožňuje zadání hodnot true nebo hlase).

Hodnoty pro přepínače

Jedna či více hodnot (oddělených čárkou) na jejichž základě vyhodnocují přepínače, zda má být součást zobrazená nebo skrytá. Pro funkčnost v grafu musí být na stránce vložen modifikátor Přepínač. Vhodné při zobrazování určitých typů grafů na základě hodnoty přepínače – například pro přepínání mezi různými variantami vizualizace.

Kopírování dat povoleno

Nastavení, zda je povoleno kopírování dat či nikoliv (umožňuje zadat hodnotu true nebo false).

Menší hlavička

Určuje, zda se hlavička grafu zobrazí v kompaktním stylu – s menší ikonou a menší velikostí písma (umožňuje zadat hodnotu true nebo false).

Nahrazující parametry

Umožňuje nahradit hodnotu jednoho či více parametrů uvedených v URL adrese vlastními hodnotami. Syntaxe odpovídá zápisu parametrů do URL adresy. Př.: nazev_parametru1=hodnota1&parametr2=hodnota2.

Skrytá součást

Určuje, zda má být graf (součást) po načtení stránky skryta (umožňuje zadat hodnotu true nebo false).

Skrytý nadpis

Určuje, zda se má hlavní nadpis grafu zobrazit, nebo zůstat skrytý (umožňuje zadat hodnotu true nebo false). Vhodné v situacích, kdy je nadpis grafu zbytečný (např. už je součástí celkového nadpisu stránky, dashboardu nebo je použit titulek grafu) a je žádoucí zjednodušit vizuální podobu.

Skrytý popis

Parametr určuje, zda má být hlavní popis grafu zobrazen, nebo skryt umožňuje zadat hodnotu true nebo false). Vhodné tehdy, pokud je vysvětlení grafu zřejmé z kontextu stránky nebo je uvedeno jinde, a není potřeba jej u grafu znovu zobrazovat.

Vizuální spojení

Parametr určuje, zda bude aktuální komponenta (graf) vizuálně spojena s předchozí součástí -nebude viditelné jejich vzájemné oddělení (možnost vložení hodnoty true nebo false).

Vlastní nadpis

Umožňuje nastavit vlastní text nadpisu komponenty. Pokud je zadán, původní nadpis je automaticky skryt, resp. přepsán.

Vlastní popis

Umožňuje vytvořit vlastní popis komponenty. Stávající popis je automaticky skryt, resp. přepsán.

Záložka - ikona

Parametr určuje obrázek nebo symbol, který se zobrazí u záložky komponenty. Umožňuje vizuálně odlišit jednotlivé záložky nebo přidat ikonické označení jejich obsahu.

Záložka - kotva

Parametr umožňuje přiřadit záložce identifikátor (kotvu) v URL, díky kterému se po načtení stránky automaticky otevře daná záložka. Doporučené znaky pro kotvu jsou malá písmena, číslice a pomlčka (např. /comex?id=1234&tab=smlouvy).

Záložka - popisek

Parametr umožňuje vložit vlastní textový popisek do záložky komponenty, který se zobrazí uživateli. Tento popisek slouží k popisu nebo označení obsahu záložky.

Záložka - výchozí

Zobrazí tuto součást jako výchozí záložku.

graf: Zobrazovaná data (viz Dataset)

Parametr určuje, který sloupec dat bude zobrazen v grafu. Původně se používal samostatně, nyní je doporučeno využívat parametr Zobrazovaná data v objektu Data Sets. Zachováno z důvodu zpětné kombatibility.