GeoGet

Complete geocaching solutions

User Tools

Site Tools


user:skript:stator:stator-grafy

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
user:skript:stator:stator-grafy [2019/03/18 20:57] – [Tooltip] grafy kiregpsuser:skript:stator:stator-grafy [2020/10/28 12:09] (current) mikrom
Line 2: Line 2:
  
 ====== Stator - interaktivní grafy ====== ====== 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ů. 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 17: Line 16:
  
 ===== Tooltip ===== ===== 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 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ě č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_sloupce.png?nolink |Tooltip sloupcového grafu}}
Line 28: Line 26:
  
 ===== Interaktivní legenda ===== ===== 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 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ší.
  
 {{ :user:skript:stator:grafy:grafy_-_legenda.png?nolink |Interaktivní legenda}} {{ :user:skript:stator:grafy:grafy_-_legenda.png?nolink |Interaktivní legenda}}
- 
  
 ===== Zoom č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.
-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. +
  
 {{ :user:skript:stator:grafy:grafy_-_zoom.png?nolink |Ukázka zoomu časové osy - viz červený rámeček}} {{ :user:skript:stator:grafy:grafy_-_zoom.png?nolink |Ukázka zoomu časové osy - viz červený rámeček}}
- 
- 
- 
  
 ===== Rozcestník stránek o Statoru ===== ===== Rozcestník stránek o Statoru =====
user/skript/stator/stator-grafy.1552939071.txt.gz · Last modified: 2019/03/18 20:57 by kiregps