changeset 4352:6365466ead83

client, docs: add example for diagram testing * Add example for AvailableFairwayDepthLNWLDiagram, where data is set directly in the browser.
author Bernhard Reiter <bernhard@intevation.de>
date Mon, 09 Sep 2019 14:43:49 +0200
parents 47aa3be2a7de
children 60efb69c4245 5356fd2ea3f6
files client/docs/developers.md
diffstat 1 files changed, 26 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/client/docs/developers.md	Mon Sep 09 14:42:55 2019 +0200
+++ b/client/docs/developers.md	Mon Sep 09 14:43:49 2019 +0200
@@ -34,7 +34,7 @@
 fairwayavailability (tested with Chromium 73 und gemma-2019-09-04):
 
 ```javascript
-data = store.state.fairwayavailability.csv
+data = store.state.fairwayavailability.csv  // see current data
 
 data=`#time,# < LDC (164.0) [h],# >= LDC (164.0) [h],# < 230.0 [h],# >= 230.0 [h],# >= 250.0 [h]
 01-2019,0  ,744,  0,  0,744
@@ -51,4 +51,29 @@
 store.commit("fairwayavailability/setAvailableFairwayDepthData", data)
 ```
 
+Or for the AvailableFairwayDepthLNWLDiagram:
+```javascript
+data = store.state.fairwayavailability.csv  // see current data
+
+data=`
+#time,# < LDC (162.0) [h],# >= LDC (162.0) [h],#d < 230.0 [%],#d >= 230.0 [%],#d >= 250.0 [%]
+09-2018,100,  0,100  ,    0,  0
+10-2018,100,  0, 80  ,   20,  0
+11-2018,100,  0,  0  ,  100,  0
+12-2018, 80, 20, 50  ,   50,  0
+01-2019, 70, 30, 15  ,   60, 25
+02-2019, 65, 35, 40  ,   40, 20
+03-2019, 55, 45, 42  ,   42, 16
+04-2019, 42, 58, 40  , 20  , 40
+05-2019, 30, 70, 2   , 30  , 68
+06-2019, 30, 70, 0   , 25  , 75
+07-2019, 20, 80, 25  ,  0  , 75
+08-2019,  0,100, 10.1,  1.5, 88.4
+09-2019,  0,100, 23.5,  2.4, 74.1
+`
+
+store.commit("fairwayavailability/setAvailableFairwayDepthLNWLData", data)
+```
+
+
 (Depends on the code structure in store/fairwayavailability.js.)