Report d3js » Historie » Verze 7
Martin Lácha, 2021-03-31 20:29
| 1 | 1 | Martin Lácha | h1. Knihovna d3.js |
|---|---|---|---|
| 2 | 4 | Martin Lácha | |
| 3 | 3 | Martin Lácha | * V tomto dokumentu budou ukázky grafů pomocí knihovny _d3.js_, podle layoutů zaslaných zákazníkem. |
| 4 | * Grafy z této knihovny mohou být mapové, kruhové, plošné, spojnicové, sloupcové, síťové, hierarchické, analytické, interaktivní nebo mohou obsahovat i animace. |
||
| 5 | 5 | Martin Lácha | * 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. |
| 6 | 3 | Martin Lácha | * Zde jsou ukázky grafů naimplementovaných pomocí knihovny _d3.js_. |
| 7 | 4 | Martin Lácha | |
| 8 | 1 | Martin Lácha | Klasický spojnicový graf. |
| 9 | 5 | Martin Lácha | !spojnicovy_graf1.png! |
| 10 | |||
| 11 | 6 | Martin Lácha | Spojnicový graf s hodnotami z více různých senzorů. |
| 12 | 1 | Martin Lácha | !spojnicovy_graf_multilines.png! |
| 13 | 6 | Martin Lácha | |
| 14 | Spojnicový graf s ukazatelem hodnot v bodech. |
||
| 15 | !spojnicovy_graf2.png! |
||
| 16 | |||
| 17 | Další spojnicový graf opět s ukazatelem hodnot v jednotlivých bodech pro data naměřených z více různých senzorů. |
||
| 18 | !spojnicovy_graf_multilines2.png! |
||
| 19 | |||
| 20 | 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. |
||
| 21 | !spojnicovy_interaktivni_graf1.png! |
||
| 22 | |||
| 23 | Ukázka spojnicového grafu s vybraným časovým intervalem. |
||
| 24 | !spojnicovy_interaktivni_graf2.png! |
||
| 25 | 7 | Martin Lácha | |
| 26 | Zde je ukázka vykreslení grafu se synchronizační chybou |