Differences

This shows you the differences between two versions of the page.

--- user:skript:stator:stator-grafy [2019/03/11 09:45] – [Interaktivní grafy] kiregps
+++ user:skript:stator:stator-grafy [2020/10/28 12:09] (current) – mikrom
@@ Line 2: / Line 2: @@
 ====== Stator - interaktivní grafy ======
 Od verze <sup>2.1.1.26</sup> jsou všechny grafy ve Statoru vytvořeny pomocí knihovny [[https://ecomfe.github.io/echarts-examples/public/index.html|ECharts]]. Vynutilo si to ukončení původní služby od Google. Grafy tím ale získaly nové vlastnosti, především interaktivitu. Padla také většina omezení původních grafů, především v rozsahu zobrazovaných dat. Do budoucna se proto můžeme těšit na další grafické prezentace našich geocachingových úspěchů.
@@ Line 16: / Line 15: @@
 </WRAP>
-===== Interaktivní grafy =====
+===== Tooltip =====
+Základní interaktivitu mají všechny nové grafy. Při najetí myší na graf se zobrazí tooltip, tedy nápovědné okénko s informacemi o místě grafu, na které ukazuje myš. U sloupcových grafů se zvýrazní sloupec a v tooltipu je k němu uveden údaj z horizontální osy (typicky časový údaj) a hodnota výšky sloupce (typicky počet nálezů v tom čase). Obdobně čárové a plošné grafy zobrazují hodnoty na obou osách. Lze tak "změřit" každý bod grafu. Polární (radarové) grafy ukazují také obě polární souřadnice - azimut a vzdálenost, která vyjadřuje počet nálezů nebo jejich průměrnou vzdálenost v daném směru.
-Základní interaktivitu mají všechny grafy. Při najetí myší na graf se zobrazí tooltip, tedy nápovědné okénko s informacemi o místě grafu, na kterém stojí myš. U sloupcových grafů se zvýrazní sloupec a v tooltipu je k němu uveden údaj z horizontální osy (typicky časový údaj) a hodnota výšky sloupce (typicky počet nálezů v tom čase). Obdobně čarové a plošné grafy zobrazují hodnoty na obou osách. Lze tak "změřit" každý bod grafu. Polární (radarové) grafy ukazují také obě polární souřadnice - azimut a vzdálenost, která vyjadřuje počet nálezů nebo jejich průměrnou vzdálenost v daném směru.
+{{ :user:skript:stator:grafy:grafy_-_legenta_sloupce.png?nolink |Tooltip sloupcového grafu}}
+{{ :user:skript:stator:grafy:grafy_-_legenta_radaru.png?nolink |Tooltip polárního grafu}}
 Specialitou je skládaný plošný graf s kumulativními počty nálezů podle druhů keší. Zde je v grafu hned několik informací ke každému bodu časové osy. Jednak počty nálezů tradiček, multin,  mysterek a ostatních keší, jednak celkový počet nálezů a počet nálezů od počátku příslušného roku. Všechny tyto hodnoty najdete přehledně v tooltipu.
-(zde vložit ukázku kumulativního grafu s tooltipem)
+{{ :user:skript:stator:grafy:grafy_-_tooltip.png?nolink |Tooltip kumulativního grafu podle typů keší}}
+===== Interaktivní legenda =====
+Grafy s legendou mají další druh interaktivity s ní spojený. Najetím myši na prvek legendy se příslušný prvek grafu (série, segment koláče) zvýrazní. Kliknutím na prvek legendy se vypínají  a zapínají série nebo segmenty. Klikáním na legendu výše uvedeného grafu tak lze např. vypnout tradičky, roční kumulativ a celkový počet nálezů. Získáme tak následující graf mysterek, multin a ostatních keší.
-Grafy s horizontální časovou osou osou využívají další interaktivní funkčnost nových grafů - zoomování časové osy. Pod grafem je zoomovací pruh s dvěma posuvníky. Těmi lze vybírat počátek a konec časového okno zoomu. Vybraným oknem pak lze posouvat po časové ose. Elegantně lze zoomovat i kolečkem myši. Najedete na graf a kolečkem upravíte zoom směrem k detailu i naopak.
+{{ :user:skript:stator:grafy:grafy_-_legenda.png?nolink |Interaktivní legenda}}
-(zde vložit ukázku zoomu časové osy)
+===== Zoom časové osy =====
+Grafy s horizontální časovou osou osou využívají další interaktivní funkčnost nových grafů - zoomování časové osy. Pod grafem je zoomovací pruh s dvěma posuvníky. Těmi lze vybírat počátek a konec časového okna zoomu. Vybraným oknem pak lze posouvat po časové ose. Elegantně lze zoomovat i kolečkem myši. Najedete na graf a kolečkem upravíte zoom směrem k detailu i naopak. Posouvat zazoomovaným grafem lze i potažením myši za oblast grafu samotného.
+{{ :user:skript:stator:grafy:grafy_-_zoom.png?nolink |Ukázka zoomu časové osy - viz červený rámeček}}
 ===== Rozcestník stránek o Statoru =====