Report d3js » Historie » Revize 6
Revize 5 (Martin Lácha, 2021-03-21 15:49) → Revize 6/9 (Martin Lácha, 2021-03-21 16:00)
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ů. různými zařízeními. !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!