Report d3js » Historie » Verze 9
Martin Lácha, 2021-03-31 20:33
| 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 |
||
| 27 | 8 | Martin Lácha | !result_test_data.png! |
| 28 | |||
| 29 | Pokud by se data doplnila o záznamy na místech kde se vyskytuje synchronizační chyba. Na těchto místech nebude vykreslen line chart. |
||
| 30 | !data.png! |
||
| 31 | |||
| 32 | Ukázka grafů pro upravená data. |
||
| 33 | 9 | Martin Lácha | !graph.png! |
| 34 | 8 | Martin Lácha | |
| 35 | 9 | Martin Lácha | !graph2.png! |