Report d3js » Historie » Revize 7
Revize 6 (Martin Lácha, 2021-03-21 16:00) → Revize 7/9 (Martin Lácha, 2021-03-31 20:29)
h1. Knihovna d3.js
* V tomto dokumentu budou ukázky grafů pomocí knihovny _d3.js_, podle layoutů zaslaných zákazníkem.
* Grafy z této knihovny mohou být mapové, kruhové, plošné, spojnicové, sloupcové, síťové, hierarchické, analytické, interaktivní nebo mohou obsahovat i animace.
* Jelikož se bude jednat o data naměřená na senzorech nejlepší graf pro zobrazení naměřených hodnot bude nevýhodnější použít spojnicový graf. V případě požadavku od zákazníka bude implementován jiný typ grafu.
* Zde jsou ukázky grafů naimplementovaných pomocí knihovny _d3.js_.
Klasický spojnicový graf.
!spojnicovy_graf1.png!
Spojnicový graf s hodnotami z více různých senzorů.
!spojnicovy_graf_multilines.png!
Spojnicový graf s ukazatelem hodnot v bodech.
!spojnicovy_graf2.png!
Další spojnicový graf opět s ukazatelem hodnot v jednotlivých bodech pro data naměřených z více různých senzorů.
!spojnicovy_graf_multilines2.png!
Interaktivní spojnicový graf. V pravé části je možnost vybrat, které hodnoty chcete zobrazit a vedle se zobrazuje hodnota pro daný bod grafu. Pro zobrazení hodnot v daném časovém intervalu je možné po výběru intervalu pod grafem.
!spojnicovy_interaktivni_graf1.png!
Ukázka spojnicového grafu s vybraným časovým intervalem.
!spojnicovy_interaktivni_graf2.png!
Zde je ukázka vykreslení grafu se synchronizační chybou