Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Homoran]

@liv-in-sky sagte in Pegelstände Flüsse visualisieren:

und das ? viele daten und farbig

supi!

Bei mir ist es ein einfacher Flot-Chart und da wechselt stattdessen das Hintergrundbild

und wie auf Bestellung ist jetzt gerade die Hochwassermarke I überschritten.
das klappt also auch ;-)

[Chrisbie]

@liv-in-sky

Vielen Dank, das ist eigentlich genau das was ich wollte.
ich denke ich komme jetzt auch mit dem Skript zurecht.

ich gehe davon aus, dass ich mit value die höhen anpassen kann und farbe ist klar.

[liv-in-sky]

@chrisbie

was muss man wissen, wenn man die url haben will - für die eigeneumgebung

könntest du noch kurz dazu etwas schreiben und im ersten post verlinken - habe nur deine url genutzt, da bei mir kein wasser in der nähe

[Chrisbie]

Ich habe jetzt alles mal nach meinen Vorstellungen angepasst, so sieht das nun aus

Sie 3 Graphen stellen den Flussverlauf da. Somit ist erkennbar wie der Scheitelverlauf ist und wenn der Flutscheitel bei mir ist.

[liv-in-sky]

@chrisbie

ändere mal diesen wert

"yAxis_zeroLineColor": "transparent",

dann sollte das rechteck (schwarz) links unten verschwinden

[liv-in-sky]

@chrisbie

wie hast du die x-achsenbeschriftung wegbekommen - über das widget oder über das script ?

@Scrounger hast du einen tipp - habe probiert im script:
"xAxis_Show_Axis_Labels": false, heißt im widget: xAxisShowAxisLabels

[Chrisbie]

@liv-in-sky

eigentlich sind die noch da, sind aber so überlagert, dass sie nur blaue Linie zu erkennen sind :grin:

so sehen sie ohne aus

[liv-in-sky]

@chrisbie suche schon die ganze zeit - finde den wert nur im widget - möchte aber alles im script machen - da kann ich solche tricks, wie du sie machst, leider nicht anwenden

[Scrounger]

@liv-in-sky sagte in Pegelstände Flüsse visualisieren:

@Scrounger hast du einen tipp - habe probiert im script:
"xAxis_Show_Axis_Labels": false, heißt im widget: xAxisShowAxisLabels

geht nur über den Editor, wenn Achse ne Zeitachse ist.

Wenn ihr für die Achse eigene Labels vergebt, einfach leeren String verwenden.
Weiterer möglicher trick wäre, die achsenfarbe auf transparent zu setzen. Per Skript wäre das möglich wenn du den Theme Datenpunkt z.B. verwendest vis-materialdesign.0.colors.light.charts.x_axis_values bzw. vis-materialdesign.0.colors.dark.charts.x_axis_values

[liv-in-sky]

@scrounger wie heißt den die y-achsen beschriftungs farbe genau ? :(

so jedenfalls nicht:

[Chrisbie]

@liv-in-sky
im letzten Bild war ohne x beschrifting, die sind aber im widget ausgeschaltet

[Scrounger]

@liv-in-sky sagte in Pegelstände Flüsse visualisieren:

@scrounger wie heißt den die y-achsen beschriftungs farbe genau ? :(

y-Achse oder x-Achse? ;-)

y-Achse siehe hier:
https://github.com/Scrounger/ioBroker.vis-materialdesign#graph-y-axis

x-Achse geht nur über Editor.

[liv-in-sky]

@scrounger ok - ich brauche die x-achse - dann halt über widget - danke dir

[Scrounger]

@liv-in-sky
Könnte ich aber einbauen, das alle x Achsen Einstellungen auch per Json definiert werden können. Wenn du das willst dann erstell bitte nen issue, dann Bauch ich es Mal ein

[Homoran]

@chrisbie sagte in Pegelstände Flüsse visualisieren:

Somit ist erkennbar wie der Scheitelverlauf ist und wenn der Flutscheitel bei mir ist.

Diese Idee gefällt mir und habe ich jetzt auch übernommen:

Bonn und Koblenz als flußaufwärts liegende Pegel .
Einmal als Widget mit Indikator ob es da noch steigt, und einmal als dünne Linien unter dem Kölner Graphen.
Da sind erstmal natürlich nur wenige Werte. Ob ichas so behalte weiß ich erst, wenn ich genug Daten habe.

[liv-in-sky]

die farben diagramme gefallen mir gerade sehr gut

z.b. die letzten 10 minuten cpu usage vom server

[Bostil]

Hallo @liv-in-sky könntest du vllt dein Widget hier einmal teilen? Finde es sehr gelungen! :-)

DANKE

[liv-in-sky]

@bostil

im script musst du in der function holeHistory einen datenpunkt angleichen,. der dp muss eine zahl sein und natürlich history einträge haben. ich habe sql als history - das müßtest du auch angleichen.
die blockly variablen kannst du nach deinen bedingungen angleichen.
letztlich habe ich noch ein paar sachen im widget selbst definiert.
bei fragen, einfac h melkden

das script:

Spoiler

<xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id="7Z!unBd[mu#=;hnBG)Nt">x</variable>
   <variable id="5(Pa0?X4SyP|El]0fPr|">y</variable>
   <variable id="j}e`:,`Q_C}.@*1@d?=0">allesAnzeigen</variable>
   <variable id="z(^oK6TDQXL3`Rq!j@qG">obererWertyAchse</variable>
   <variable id="Bp#T0JUb{;M__EA/xB(7">untererWertyAchse</variable>
   <variable id="V%%+S@/2V7@=#km9W3UM">farbeLevel0</variable>
   <variable id="(P*rPEVaT?7rm:0~f$fY">stepSize</variable>
   <variable id="0.c06Dl?2/%pHB$2X0U2">farbeLevel1</variable>
   <variable id=",#T-M7s80#hO~UJksV[k">yEinheit</variable>
   <variable id="5e!-wQq6@@6*!-F#tuLM">farbeLevel2</variable>
   <variable id="7n4FCwb(VZv~s#)eE7l!">farbeLevel3</variable>
   <variable id="S84xwV0u8QO#7JW;g%IX">farbeLevel4</variable>
   <variable id="rxW=e5{6}VuMyN]Lnib.">farbeLevel5</variable>
   <variable id="TBKllu+ca,beX#(/YvMz">farbeLevel6</variable>
   <variable id="^IS5~o#r%o,K+Gh$E:Yo">farbeFarbe0</variable>
   <variable id="sg]DPU}4$JBLrRj+f!_e">farbeFarbe1</variable>
   <variable id="rX|NLd}Hr}YGc*eNg{k!">farbeFarbe2</variable>
   <variable id=";GDQczm%of2JO^YIqA$A">farbeFarbe3</variable>
   <variable id="QTb8|R:`m-Aa5%9Li%Z|">farbeFarbe4</variable>
   <variable id="a;J,DR@p1Luiz132W)$0">farbeFarbe5</variable>
   <variable id="-D)+w$k1l:1*k!%EOQ0M">farbeFarbe6</variable>
   <variable id="eLlp!=b}K,*axK%9[k%S">myArrTemp</variable>
   <variable type="timeout" id="timeout">timeout</variable>
 </variables>
 <block type="comment" id="VQ2P]yx=Q{jX+X2Yms#@" x="12" y="-313">
   <field name="COMMENT">wahr=alle Datenb false : nur dieser Tag</field>
   <next>
     <block type="variables_set" id="@-H{r2JIVF(lVEb[@,WM">
       <field name="VAR" id="j}e`:,`Q_C}.@*1@d?=0">allesAnzeigen</field>
       <value name="VALUE">
         <block type="logic_boolean" id="XA[E/So0B[3KE;s3WyUz">
           <field name="BOOL">TRUE</field>
         </block>
       </value>
       <next>
         <block type="comment" id=",R^B6mb/u#ZCAD=PrtI}">
           <field name="COMMENT">level - von ... bis</field>
           <next>
             <block type="variables_set" id="c6eK+#D!*oV^CkCQ%g{p">
               <field name="VAR" id="V%%+S@/2V7@=#km9W3UM">farbeLevel0</field>
               <value name="VALUE">
                 <block type="math_number" id="cMIYsRo,[1c4e!)eSpbi">
                   <field name="NUM">0</field>
                 </block>
               </value>
               <next>
                 <block type="variables_set" id="w7TIHnO^I%Zp-|uOv(fe">
                   <field name="VAR" id="0.c06Dl?2/%pHB$2X0U2">farbeLevel1</field>
                   <value name="VALUE">
                     <block type="math_number" id="I()q;:vHnu*XV3ww:+Jh">
                       <field name="NUM">5</field>
                     </block>
                   </value>
                   <next>
                     <block type="variables_set" id="^;{tM!Nz;r^tuDl5D53R">
                       <field name="VAR" id="5e!-wQq6@@6*!-F#tuLM">farbeLevel2</field>
                       <value name="VALUE">
                         <block type="math_number" id="}my4SRR/.}S{+4YKpKxD">
                           <field name="NUM">10</field>
                         </block>
                       </value>
                       <next>
                         <block type="variables_set" id="2%$Isgvhz%9bX-Vc0@:;">
                           <field name="VAR" id="7n4FCwb(VZv~s#)eE7l!">farbeLevel3</field>
                           <value name="VALUE">
                             <block type="math_number" id="Y%EHoJzn.leWQOp,qyhl">
                               <field name="NUM">50</field>
                             </block>
                           </value>
                           <next>
                             <block type="variables_set" id="2Wc#yew!,y`vr*f0a2`S">
                               <field name="VAR" id="S84xwV0u8QO#7JW;g%IX">farbeLevel4</field>
                               <value name="VALUE">
                                 <block type="math_number" id="x,4+faL#9K(c]qW%B(L2">
                                   <field name="NUM">60</field>
                                 </block>
                               </value>
                               <next>
                                 <block type="variables_set" id="[2wW~Ixa{|Z,GMCPkt]H">
                                   <field name="VAR" id="rxW=e5{6}VuMyN]Lnib.">farbeLevel5</field>
                                   <value name="VALUE">
                                     <block type="math_number" id="BMp/W9.85E9f6ljn(nQl">
                                       <field name="NUM">70</field>
                                     </block>
                                   </value>
                                   <next>
                                     <block type="variables_set" id="E|LPjVsLn#j$8R@/T$Il">
                                       <field name="VAR" id="TBKllu+ca,beX#(/YvMz">farbeLevel6</field>
                                       <value name="VALUE">
                                         <block type="math_number" id="x4Uu/WM8K;iu6tTV`*Fl">
                                           <field name="NUM">80</field>
                                         </block>
                                       </value>
                                       <next>
                                         <block type="comment" id="Gd^{c6cgS92a.d3^3,Ma">
                                           <field name="COMMENT">farbe für level</field>
                                           <next>
                                             <block type="variables_set" id="!/I6tf/s-u6SmS}IdcdY">
                                               <field name="VAR" id="^IS5~o#r%o,K+Gh$E:Yo">farbeFarbe0</field>
                                               <value name="VALUE">
                                                 <block type="colour_picker" id=";B-7m:;:f$]}2[RC?(3x">
                                                   <field name="COLOUR">#c0c0c0</field>
                                                 </block>
                                               </value>
                                               <next>
                                                 <block type="variables_set" id="{dY.|v2pbf,-:]2Db$f5">
                                                   <field name="VAR" id="sg]DPU}4$JBLrRj+f!_e">farbeFarbe1</field>
                                                   <value name="VALUE">
                                                     <block type="colour_picker" id="!6xYP]Vn,25$W/H3R%!P">
                                                       <field name="COLOUR">#ccffff</field>
                                                     </block>
                                                   </value>
                                                   <next>
                                                     <block type="variables_set" id="uy[9g?8D=G;oU7m7#y4U">
                                                       <field name="VAR" id="rX|NLd}Hr}YGc*eNg{k!">farbeFarbe2</field>
                                                       <value name="VALUE">
                                                         <block type="colour_picker" id="ZMP/q%mk^HR;*Ie?2l+4">
                                                           <field name="COLOUR">#33cc00</field>
                                                         </block>
                                                       </value>
                                                       <next>
                                                         <block type="variables_set" id="=Z6nChkG{i]sF?8iIS85">
                                                           <field name="VAR" id=";GDQczm%of2JO^YIqA$A">farbeFarbe3</field>
                                                           <value name="VALUE">
                                                             <block type="colour_picker" id="pZTQj~[a!5x-K1$@H/.l">
                                                               <field name="COLOUR">#ffff99</field>
                                                             </block>
                                                           </value>
                                                           <next>
                                                             <block type="variables_set" id="p%Ju5+:(kfqH(z$P?gVJ">
                                                               <field name="VAR" id="QTb8|R:`m-Aa5%9Li%Z|">farbeFarbe4</field>
                                                               <value name="VALUE">
                                                                 <block type="colour_picker" id=")Ih5DRb?{4l+^lxd9Czq">
                                                                   <field name="COLOUR">#ff9966</field>
                                                                 </block>
                                                               </value>
                                                               <next>
                                                                 <block type="variables_set" id="q]w*S6ZXg;L/l]o:D0Uq">
                                                                   <field name="VAR" id="a;J,DR@p1Luiz132W)$0">farbeFarbe5</field>
                                                                   <value name="VALUE">
                                                                     <block type="colour_picker" id="h0DC$B#B45}TZeVD))((">
                                                                       <field name="COLOUR">#ff0000</field>
                                                                     </block>
                                                                   </value>
                                                                   <next>
                                                                     <block type="variables_set" id="NDjo1ICSL}RaBxvL~i=o">
                                                                       <field name="VAR" id="-D)+w$k1l:1*k!%EOQ0M">farbeFarbe6</field>
                                                                       <value name="VALUE">
                                                                         <block type="colour_picker" id="Sx^?WfeM!=aR8y/l3~{^">
                                                                           <field name="COLOUR">#cc33cc</field>
                                                                         </block>
                                                                       </value>
                                                                       <next>
                                                                         <block type="schedule" id="TXjZNI)!SIELg@NS)/eD">
                                                                           <field name="SCHEDULE">*/30 * * * * *</field>
                                                                           <statement name="STATEMENT">
                                                                             <block type="variables_set" id="2Z[w%}?CP(g!I3pnNtKl">
                                                                               <field name="VAR" id="eLlp!=b}K,*axK%9[k%S">myArrTemp</field>
                                                                               <value name="VALUE">
                                                                                 <block type="lists_create_with" id="].ULXspf2-5]*4~[UJ8@">
                                                                                   <mutation items="0"></mutation>
                                                                                 </block>
                                                                               </value>
                                                                               <next>
                                                                                 <block type="procedures_callcustomnoreturn" id="#GhA[mw5-5C@L,B!o6G+">
                                                                                   <mutation name="holeHistory"></mutation>
                                                                                   <next>
                                                                                     <block type="timeouts_settimeout" id="W+MqrM%XD3mq:CK-{.LG">
                                                                                       <field name="NAME">timeout</field>
                                                                                       <field name="DELAY">3</field>
                                                                                       <field name="UNIT">sec</field>
                                                                                       <statement name="STATEMENT">
                                                                                         <block type="debug" id="z21;$_dFB.~QCC8unS#2" disabled="true">
                                                                                           <field name="Severity">warn</field>
                                                                                           <value name="TEXT">
                                                                                             <shadow type="text" id="#=QwjUhO1$U``E%NIVDy">
                                                                                               <field name="TEXT">test</field>
                                                                                             </shadow>
                                                                                             <block type="variables_get" id="IA48[X_Bz0kWvzg.C-@/">
                                                                                               <field name="VAR" id="eLlp!=b}K,*axK%9[k%S">myArrTemp</field>
                                                                                             </block>
                                                                                           </value>
                                                                                           <next>
                                                                                             <block type="control" id="V0+5O_2Y-hxL{I0M!3]o">
                                                                                               <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                                                               <field name="OID">0_userdata.0.FarbDiagrammeMD.PCTemp</field>
                                                                                               <field name="WITH_DELAY">FALSE</field>
                                                                                               <value name="VALUE">
                                                                                                 <block type="procedures_callcustomreturn" id="P3G^6t5MY`PrJ@I(kC4[">
                                                                                                   <mutation name="erzeugeDiagramm">
                                                                                                     <arg name="x"></arg>
                                                                                                     <arg name="y"></arg>
                                                                                                   </mutation>
                                                                                                   <value name="ARG0">
                                                                                                     <block type="variables_get" id="K5QQtf1Sq6pt8$+])_H?">
                                                                                                       <field name="VAR" id="eLlp!=b}K,*axK%9[k%S">myArrTemp</field>
                                                                                                     </block>
                                                                                                   </value>
                                                                                                   <value name="ARG1">
                                                                                                     <block type="variables_get" id="XHAfPvQEPj8e]$ezX@H2">
                                                                                                       <field name="VAR" id="j}e`:,`Q_C}.@*1@d?=0">allesAnzeigen</field>
                                                                                                     </block>
                                                                                                   </value>
                                                                                                 </block>
                                                                                               </value>
                                                                                             </block>
                                                                                           </next>
                                                                                         </block>
                                                                                       </statement>
                                                                                     </block>
                                                                                   </next>
                                                                                 </block>
                                                                               </next>
                                                                             </block>
                                                                           </statement>
                                                                         </block>
                                                                       </next>
                                                                     </block>
                                                                   </next>
                                                                 </block>
                                                               </next>
                                                             </block>
                                                           </next>
                                                         </block>
                                                       </next>
                                                     </block>
                                                   </next>
                                                 </block>
                                               </next>
                                             </block>
                                           </next>
                                         </block>
                                       </next>
                                     </block>
                                   </next>
                                 </block>
                               </next>
                             </block>
                           </next>
                         </block>
                       </next>
                     </block>
                   </next>
                 </block>
               </next>
             </block>
           </next>
         </block>
       </next>
     </block>
   </next>
 </block>
 <block type="comment" id="U7$UXav?ycNt+C7f`Fy2" x="437" y="-263">
   <field name="COMMENT">y-Achse von ... bis</field>
   <next>
     <block type="variables_set" id="K@B@w*gkax`3|sk~;n%i">
       <field name="VAR" id="z(^oK6TDQXL3`Rq!j@qG">obererWertyAchse</field>
       <value name="VALUE">
         <block type="math_number" id="hwyv{1eId_*9o-(g}F3B">
           <field name="NUM">80</field>
         </block>
       </value>
       <next>
         <block type="variables_set" id="$5nm/YCcq#?oEPne#fe4">
           <field name="VAR" id="Bp#T0JUb{;M__EA/xB(7">untererWertyAchse</field>
           <value name="VALUE">
             <block type="math_number" id="):)ETW35/N@ukA#upKy;">
               <field name="NUM">0</field>
             </block>
           </value>
           <next>
             <block type="variables_set" id="b|)d}gD2W:j+TK|y=Ggz">
               <field name="VAR" id="(P*rPEVaT?7rm:0~f$fY">stepSize</field>
               <value name="VALUE">
                 <block type="math_number" id="UT%$-bR}7fXVPW7HW9*}">
                   <field name="NUM">20</field>
                 </block>
               </value>
               <next>
                 <block type="variables_set" id="Ijh[)_#B@p#T#nW#tu!+">
                   <field name="VAR" id=",#T-M7s80#hO~UJksV[k">yEinheit</field>
                   <value name="VALUE">
                     <block type="text" id="}ZqVWm[;wnOcp:!18}g^">
                       <field name="TEXT">°C</field>
                     </block>
                   </value>
                 </block>
               </next>
             </block>
           </next>
         </block>
       </next>
     </block>
   </next>
 </block>
 <block type="text_indexOf" id="QJCM)3Ual;R!vO~e74Vu" disabled="true" x="-612" y="-12">
   <field name="END">FIRST</field>
   <value name="VALUE">
     <block type="text" id="t+w.vJ)nKl}FYqLNKLmS">
       <field name="TEXT">Keller ist da</field>
     </block>
   </value>
   <value name="FIND">
     <shadow type="text" id="1{d[k-)oM`UZ*:FsR)S|">
       <field name="TEXT">Keller</field>
     </shadow>
   </value>
 </block>
 <block type="procedures_defcustomnoreturn" id="~1yud(H#s7m:MmxCb?-5" x="563" y="13">
   <mutation statements="false"></mutation>
   <field name="NAME">holeHistory</field>
   <field name="SCRIPT">dmFyIGVuZCA9IG5ldyBEYXRlKCkuZ2V0VGltZSgpOw0KLy9sZXQgbXlBcnJUZW1wPVtdDQpnZXRIaXN0b3J5KCdzcWwuMCcsIHsNCiAgICAgICAgaWQ6ICAgICAgICAgJ2NvbnRyb2xsLW93bi4wLkZVVFJPLkNQVVRlbXBOVUMxJywgLy8nJ2NvbnRyb2xsLW93bi4wLkZVVFJPLkNQVVRlbXBOVUMxJywNCiAgICAgICAgc3RhcnQ6ICAgICAgZW5kIC0gNjAwMDAwLA0KICAgICAgICBlbmQ6ICAgICAgICBlbmQsDQogICAgICAvLyAgYWdncmVnYXRlOiAgJ200JywNCiAgICAgICAgdGltZW91dDogICAgMjAwMA0KICAgIH0sIGZ1bmN0aW9uIChlcnIsIHJlc3VsdCkgew0KICAgICAgICBpZiAoZXJyKSBjb25zb2xlLmVycm9yKGVycik7DQogICAgICAgIGlmIChyZXN1bHQpIHsNCiAgICAgICAgICAvLyAgbG9nKEpTT04uc3RyaW5naWZ5KHJlc3VsdCkpDQogICAgICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IHJlc3VsdC5sZW5ndGg7IGkrKykgew0KICAgICAgICAgICAgICAgIG15QXJyVGVtcC5wdXNoKHsNCiAgICAgICAgICAgICAgICAgICAgInRzIjogbmV3IERhdGUocmVzdWx0W2ldLnRzKS50b0lTT1N0cmluZygpLA0KICAgICAgICAgICAgICAgICAgICAidmFsIjpyZXN1bHRbaV0udmFsDQogICAgICAgICAgICAgICAgfSkNCiAgICAgICAgICAgLy8gY29uc29sZS5sb2cocmVzdWx0W2ldLnZhbCArICcgJyArIG5ldyBEYXRlKHJlc3VsdFtpXS50cykudG9JU09TdHJpbmcoKSk7DQogICAgICAgICAgDQogICAgICAgICAgICB9IC8vIGxvZyAoImVuZGUgZnVuYzEgIitKU09OLnN0cmluZ2lmeShteUFyclRlbXApKSA7DQogICAgICAgIC8vIHJldHVybiBKU09OLnN0cmluZ2lmeShteUFyclRlbXApOw0KICAgICAgICB9DQogICAgfSk7</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
 <block type="procedures_defcustomreturn" id="#lGkUyA~gv~maa%1U#KB" x="563" y="63">
   <mutation statements="false">
     <arg name="x" varid="7Z!unBd[mu#=;hnBG)Nt"></arg>
     <arg name="y" varid="5(Pa0?X4SyP|El]0fPr|"></arg>
   </mutation>
   <field name="NAME">erzeugeDiagramm</field>
   <field name="SCRIPT">bGV0IG15T2JqQXJyPVtdOw0KbGV0IG15T2JqQXJyTGFiZWxzPVtdOw0KbGV0IG15T2JqQXJyRGF0YT1bXTsNCi8vbG9nKHgsIndhcm4iKQ0KLy9sb2coImhpZXIiKQ0KDQpsZXQgbXlXaG9sZUFycj17DQoJImF4aXNMYWJlbHMiOiBbXSwNCgkiZ3JhcGhzIjogWw0KCQl7DQoJCQkiZGF0YSI6IFtdLA0KCQkJInR5cGUiOiAibGluZSIsDQoJCQkiY29sb3IiOiAiZ3JheSIsDQoJCQkibGVnZW5kVGV4dCI6ICIiLA0KCQkJImxpbmVfcG9pbnRTaXplSG92ZXIiOiA1LA0KCQkJImxpbmVfcG9pbnRTaXplIjogMCwNCgkJCSJsaW5lX1RlbnNpb24iOiAwLjMsDQoJCQkieUF4aXNfc2hvdyI6IHRydWUsDQoJCQkieUF4aXNfZ3JpZExpbmVzX3Nob3ciOiBmYWxzZSwNCgkJCSJ5QXhpc19ncmlkTGluZXNfdGlja3NfbGVuZ3RoIjogNSwNCgkJCSJ5QXhpc19taW4iOiB1bnRlcmVyV2VydHlBY2hzZSwNCgkJCSJ5QXhpc19tYXgiOiBvYmVyZXJXZXJ0eUFjaHNlLA0KCQkJInlBeGlzX3N0ZXAiOiBzdGVwU2l6ZSwNCgkJCSJ5QXhpc19wb3NpdGlvbiI6ICJsZWZ0IiwNCgkJCSJ5QXhpc19hcHBlbmRpeCI6IHlFaW5oZWl0LA0KCQkJInlBeGlzX3plcm9MaW5lV2lkdGgiOiAxMCwNCgkJCSJ5QXhpc196ZXJvTGluZUNvbG9yIjogInRyYW5zcGFyZW50IiwNCgkJCSJkaXNwbGF5T3JkZXIiOiAwLA0KCQkJInRvb2x0aXBfQXBwZW5kVGV4dCI6ICIgIiwNCgkJCSJkYXRhbGFiZWxfYmFja2dyb3VuZENvbG9yIjogIiM2RDg3QTkiLA0KCQkJImRhdGFsYWJlbF9jb2xvciI6ICJ3aGl0ZSIsDQoJCQkiZGF0YWxhYmVsX29mZnNldCI6IDAsDQoJCQkiZGF0YWxhYmVsX2ZvbnRGYW1pbHkiOiAiUm9ib3RvQ29uZGVuc2VkLUxpZ2h0IiwNCgkJCSJkYXRhbGFiZWxfZm9udFNpemUiOiAxMiwNCgkJCSJkYXRhbGFiZWxfYm9yZGVyUmFkaXVzIjogNiwNCgkJCSJkYXRhbGFiZWxfc2hvdyI6ICJmYWxzZSIsDQoJCQkibGluZV9Qb2ludENvbG9yIjogWyIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzNhYTM1YiIsICIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzFkOTIyZSIsICIjMWQ5MjJlIiwgIiMwZTg5MTciLCAiIzAwODAwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzY2OGYwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzAwODAwMCIsICIjMGU4OTE3IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSJdLA0KCQkJImxpbmVfUG9pbnRDb2xvckJvcmRlciI6IFsiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMzYWEzNWIiLCAiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSIsICIjMGU4OTE3IiwgIiMwMDgwMDAiLCAiIzY2OGYwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjNjY4ZjAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMwMDgwMDAiLCAiIzBlODkxNyIsICIjMWQ5MjJlIiwgIiMxZDkyMmUiXSwNCgkJCSJsaW5lX1BvaW50Q29sb3JIb3ZlciI6IFsiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMzYWEzNWIiLCAiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSIsICIjMGU4OTE3IiwgIiMwMDgwMDAiLCAiIzY2OGYwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjNjY4ZjAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMwMDgwMDAiLCAiIzBlODkxNyIsICIjMWQ5MjJlIiwgIiMxZDkyMmUiXSwNCgkJCSJsaW5lX1BvaW50Q29sb3JCb3JkZXJIb3ZlciI6IFsiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMzYWEzNWIiLCAiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSIsICIjMGU4OTE3IiwgIiMwMDgwMDAiLCAiIzY2OGYwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjNjY4ZjAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMwMDgwMDAiLCAiIzBlODkxNyIsICIjMWQ5MjJlIiwgIiMxZDkyMmUiXSwNCgkJCSJ1c2VfZ3JhZGllbnRfY29sb3IiOiB0cnVlLA0KCQkJImdyYWRpZW50X2NvbG9yIjogW3sNCgkJCQkJInZhbHVlIjogZmFyYmVMZXZlbDAsDQoJCQkJCSJjb2xvciI6IGZhcmJlRmFyYmUwDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiBmYXJiZUxldmVsMSwNCgkJCQkJImNvbG9yIjogZmFyYmVGYXJiZTENCgkJCQl9LCB7DQoJCQkJCSJ2YWx1ZSI6IGZhcmJlTGV2ZWwyLA0KCQkJCQkiY29sb3IiOiBmYXJiZUZhcmJlMg0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogZmFyYmVMZXZlbDMsDQoJCQkJCSJjb2xvciI6IGZhcmJlRmFyYmUzDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiBmYXJiZUxldmVsNCwNCgkJCQkJImNvbG9yIjogZmFyYmVGYXJiZTQNCgkJCQl9LCB7DQoJCQkJCSJ2YWx1ZSI6IGZhcmJlTGV2ZWw1LA0KCQkJCQkiY29sb3IiOiBmYXJiZUZhcmJlNQ0KCQkJCX0sew0KCQkJCQkidmFsdWUiOiBmYXJiZUxldmVsNiwNCgkJCQkJImNvbG9yIjogZmFyYmVGYXJiZTYNCgkJCQl9DQoJCQldLA0KCQkJInVzZV9saW5lX2dyYWRpZW50X2ZpbGxfY29sb3IiOiB0cnVlLA0KCQkJImxpbmVfZ3JhZGllbnRfZmlsbF9jb2xvciI6IFt7DQoJCQkJCSJ2YWx1ZSI6IGZhcmJlTGV2ZWwwLA0KCQkJCQkiY29sb3IiOiBmYXJiZUZhcmJlMA0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogZmFyYmVMZXZlbDEsDQoJCQkJCSJjb2xvciI6IGZhcmJlRmFyYmUxDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiBmYXJiZUxldmVsMiwNCgkJCQkJImNvbG9yIjogZmFyYmVGYXJiZTINCgkJCQl9LCB7DQoJCQkJCSJ2YWx1ZSI6IGZhcmJlTGV2ZWwzLA0KCQkJCQkiY29sb3IiOiBmYXJiZUZhcmJlMw0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogZmFyYmVMZXZlbDQsDQoJCQkJCSJjb2xvciI6IGZhcmJlRmFyYmU0DQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiBmYXJiZUxldmVsNSwNCgkJCQkJImNvbG9yIjogZmFyYmVGYXJiZTUNCgkJCQl9LHsNCgkJCQkJInZhbHVlIjogZmFyYmVMZXZlbDYsDQoJCQkJCSJjb2xvciI6IGZhcmJlRmFyYmU2DQoJCQkJfQ0KCQkJXQ0KCQl9DQoJXQ0KfQ0KDQpteU9iakFycj1teUFyclRlbXANCg0KZm9yIChsZXQgaT0wOyBpPG15T2JqQXJyLmxlbmd0aCA7aSsrKXsNCiANCiAvLyAgbG9nKGZvcm1hdERhdGUoZ2V0RGF0ZU9iamVjdChteU9iakFycltpXS50KSwgIk1NLlRUIikrIiA9PSAiK2Zvcm1hdERhdGUoZ2V0RGF0ZU9iamVjdCgobmV3IERhdGUoKS5nZXRUaW1lKCkpKSwgIk1NLlRUIikrICF5KQ0KICAgaWYoZm9ybWF0RGF0ZShnZXREYXRlT2JqZWN0KG15T2JqQXJyW2ldLnQpLCAiTU0uVFQiKT09Zm9ybWF0RGF0ZShnZXREYXRlT2JqZWN0KChuZXcgRGF0ZSgpLmdldFRpbWUoKSkpLCAiTU0uVFQiKSAmJiAheSApDQogICAgICAgICAgICAgICAgICAgICAgew0KICAgICAgICAgICAgICAgICAgICAgIG15T2JqQXJyW2ldLnRzPWZvcm1hdERhdGUoZ2V0RGF0ZU9iamVjdChteU9iakFycltpXS50cyksICJoaDptbSIpIA0KICAgICAgICAgICAgICAgICAgICAgIG15T2JqQXJyTGFiZWxzLnB1c2gobXlPYmpBcnJbaV0udHMpDQogICAgICAgICAgICAgICAgICAgICAgbXlPYmpBcnJEYXRhLnB1c2gobXlPYmpBcnJbaV0udmFsKQ0KICAgICAgICAgICAgICAgICAgICAgIH0gDQogICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgDQogICBpZih5KSAgew0KICAgICAgICAgICBteU9iakFycltpXS50cz1mb3JtYXREYXRlKGdldERhdGVPYmplY3QobXlPYmpBcnJbaV0udHMpLCAiaGg6bW0iKSANCiAgICAgICAgICAgbXlPYmpBcnJMYWJlbHMucHVzaChteU9iakFycltpXS50cykNCiAgICAgICAgICAgbXlPYmpBcnJEYXRhLnB1c2gobXlPYmpBcnJbaV0udmFsKQ0KICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgIH0NCiAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQoNCm15V2hvbGVBcnIuYXhpc0xhYmVscz1teU9iakFyckxhYmVscw0KbXlXaG9sZUFyci5ncmFwaHNbMF0uZGF0YT1teU9iakFyckRhdGENCi8vbG9nKEpTT04uc3RyaW5naWZ5KG15V2hvbGVBcnIpKQ0KDQpyZXR1cm4gSlNPTi5zdHJpbmdpZnkobXlXaG9sZUFycik7DQoNCg0KDQoNCg==</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
 <block type="debug" id="fCc0|nd6#GQH[rHYSGvW" disabled="true" x="-662" y="313">
   <field name="Severity">log</field>
   <value name="TEXT">
     <shadow type="text" id="aJ}VNp7Y@F1+dk6#iCVf">
       <field name="TEXT">test</field>
     </shadow>
     <block type="procedures_callcustomreturn" id="Q]@s/;1*NYtOUVPDE|:Z" disabled="true">
       <mutation name="etwas tun4"></mutation>
     </block>
   </value>
 </block>
 <block type="procedures_defcustomreturn" id="mB|(uvL-Z8I/Th7S8:OT" disabled="true" x="-613" y="412">
   <mutation statements="false"></mutation>
   <field name="NAME">etwas tun4</field>
   <field name="SCRIPT">cmV0dXJuICgnS2VsbHdlciBpc3QgZGEnLmluZGV4T2YoJ0tlbGxlcicpKTs=</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
 <block type="procedures_defcustomreturn" id="ttH:|t)js;yZJN.kha;%" disabled="true" x="137" y="513">
   <mutation statements="false"></mutation>
   <field name="NAME">etwas tun</field>
   <field name="SCRIPT">DQoNCnZhciBlbmQgPSBuZXcgRGF0ZSgpLmdldFRpbWUoKTsNCmxldCBteUFyclRlbXA9W10NCmdldEhpc3RvcnkoJ3NxbC4wJywgew0KICAgICAgICBpZDogICAgICAgICAnY29udHJvbGwtb3duLjAuRlVUUk8uQ1BVVGVtcE5VQzEnLA0KICAgICAgICBzdGFydDogICAgICBlbmQgLSAzNjAwMDAwLA0KICAgICAgICBlbmQ6ICAgICAgICBlbmQsDQogICAgICAvLyAgYWdncmVnYXRlOiAgJ200JywNCiAgICAgICAgdGltZW91dDogICAgMjAwMA0KICAgIH0sIGZ1bmN0aW9uIChlcnIsIHJlc3VsdCkgew0KICAgICAgICBpZiAoZXJyKSBjb25zb2xlLmVycm9yKGVycik7DQogICAgICAgIGlmIChyZXN1bHQpIHsNCiAgICAgICAgICAvLyAgbG9nKEpTT04uc3RyaW5naWZ5KHJlc3VsdCkpDQogICAgICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IHJlc3VsdC5sZW5ndGg7IGkrKykgew0KICAgICAgICAgICAgICAgIG15QXJyVGVtcC5wdXNoKHsNCiAgICAgICAgICAgICAgICAgICAgInRzIjogbmV3IERhdGUocmVzdWx0W2ldLnRzKS50b0lTT1N0cmluZygpLA0KICAgICAgICAgICAgICAgICAgICAidmFsIjpyZXN1bHRbaV0udmFsDQogICAgICAgICAgICAgICAgfSkNCiAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlc3VsdFtpXS52YWwgKyAnICcgKyBuZXcgRGF0ZShyZXN1bHRbaV0udHMpLnRvSVNPU3RyaW5nKCkpOw0KICAgICAgICAgIA0KICAgICAgICAgICAgfSAgbG9nICgiZW5kZSBmdW5jMSAiK0pTT04uc3RyaW5naWZ5KG15QXJyVGVtcCkpIDsNCiAgICAgICAgLy8gcmV0dXJuIEpTT04uc3RyaW5naWZ5KG15QXJyVGVtcCk7DQogICAgICAgIH0NCiAgICB9KTsNCiAgICANCnNldFRpbWVvdXQoYXN5bmMgZnVuY3Rpb24gKCkgew0KICAgIHJldHVybiBKU09OLnN0cmluZ2lmeShteUFyclRlbXApOw0KfSwgMzAwMCk7</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
</xml>

das widget:

Spoiler

[{"tpl":"tplVis-materialdesign-Chart-JSON","data":{"oid":"0_userdata.0.FarbDiagrammeMD.CPUPercentServer","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","chartType":"line","backgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.background;dark:vis-materialdesign.0.colors.dark.charts.background; mode === \"true\" ? dark : light}","chartAreaBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.background_chart;dark:vis-materialdesign.0.colors.dark.charts.background_chart; mode === \"true\" ? dark : light}","globalColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.global;dark:vis-materialdesign.0.colors.dark.charts.global; mode === \"true\" ? dark : light}","showLegend":"true","legendPosition":"right","legendFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.legend;dark:vis-materialdesign.0.colors.dark.charts.legend; mode === \"true\" ? dark : light}","legendFontFamily":"{vis-materialdesign.0.fonts.charts.legend}","legendFontSize":"{vis-materialdesign.0.fontSizes.charts.legend}","legendPointStyle":"true","showTooltip":"true","tooltipMode":"nearest","tooltipTimeFormats":"{\"millisecond\":\"lll:ss\",\"second\":\"lll:ss\",\"minute\":\"lll\",\"hour\":\"lll\",\"day\":\"lll\",\"week\":\"lll\",\"month\":\"lll\",\"quarter\":\"lll\",\"year\":\"lll\"}","tooltipBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_background;dark:vis-materialdesign.0.colors.dark.charts.tooltip_background; mode === \"true\" ? dark : light}","tooltipShowColorBox":"true","tooltipTitleFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_title;dark:vis-materialdesign.0.colors.dark.charts.tooltip_title; mode === \"true\" ? dark : light}","tooltipTitleFontFamily":"{vis-materialdesign.0.fonts.charts.tooltip_title}","tooltipTitleFontSize":"{vis-materialdesign.0.fontSizes.charts.tooltip_title}","tooltipBodyFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_text;dark:vis-materialdesign.0.colors.dark.charts.tooltip_text; mode === \"true\" ? dark : light}","tooltipBodyFontFamily":"{vis-materialdesign.0.fonts.charts.tooltip_text}","tooltipBodyFontSize":"{vis-materialdesign.0.fontSizes.charts.tooltip_text}","xAxisPosition":"bottom","xAxisTicksSource":"auto","xAxisTitleColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.x_axis_title;dark:vis-materialdesign.0.colors.dark.charts.x_axis_title; mode === \"true\" ? dark : light}","xAxisTitleFontFamily":"{vis-materialdesign.0.fonts.charts.x_axis_title}","xAxisTitleFontSize":"{vis-materialdesign.0.fontSizes.charts.x_axis_title}","xAxisValueLabelColor":"#c6f1ef","xAxisValueFontFamily":"{vis-materialdesign.0.fonts.charts.x_axis_values}","xAxisValueFontSize":"13","xAxisDistanceBetweenTicks":"178","xAxisValueDistanceToAxis":"0","xAxisShowAxis":true,"xAxisShowAxisLabels":true,"xAxisShowGridLines":"true","xAxisGridLinesColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.x_axis_gridlines;dark:vis-materialdesign.0.colors.dark.charts.x_axis_gridlines; mode === \"true\" ? dark : light}","xAxisShowTicks":"true","xAxisZeroLineColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.x_axis_zeroline;dark:vis-materialdesign.0.colors.dark.charts.x_axis_zeroline; mode === \"true\" ? dark : light}","xAxisMinRotation":"0","xAxisMaxRotation":"0","yAxisTitleColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.y_axis_values;dark:vis-materialdesign.0.colors.dark.charts.y_axis_values; mode === \"true\" ? dark : light}","yAxisTitleFontFamily":"{vis-materialdesign.0.fonts.charts.y_axis_title}","yAxisTitleFontSize":"{vis-materialdesign.0.fontSizes.charts.y_axis_title}","yAxisValueLabelColor":"#c6f1ef","yAxisValueFontFamily":"{vis-materialdesign.0.fonts.charts.y_axis_values}","yAxisValueFontSize":"13","yAxisValueDistanceToAxis":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"animationDuration":"5000"},"style":{"left":"670px","top":"28px","width":"296px","height":"152px"},"widgetSet":"materialdesign"}]

[Homoran]

@chrisbie sagte in Pegelstände Flüsse visualisieren:

Sie 3 Graphen stellen den Flussverlauf da. Somit ist erkennbar wie der Scheitelverlauf ist und wenn der Flutscheitel bei mir ist.

Die Idee ist gut, hat aber so ihre Grenzen ;-)

Die (für mich) sinnvollen Pegel liegen bei Rheinkilometer 591 (KO), 655 (BN) und 688 (K).
Bei üblicher Fließgeschwindigkeit von 5-6km/h wären es von Koblenz bis Köln etwa 15h Vorlaufzeit.
Jetzt bei Hochwasser und Fließgeschwindigkeiten von bis zu 20km/h schrumpft die Vorlaufzeit erheblic.

Weiter rheinaufwärts liegende Pegel wären auch nicht sinnvoll, da alleine die Zuflüssen von Mosel, Ahr, Lahn und Sieg erhebliche Wassermengen, insbesondere bei langanhaltendem regional begrenztem Regen, wie es jetzt gerade war, nicht berücksichtigt.

Wie seht ihr das?