Pegelstände Flüsse visualisieren

Scrounger

Das geht mit dem JSON chart, allerdings nicht direkt, man muss die Werte in folgendes Format konvertieren:

D.h. timestamp muss als property name t erhalten und im timestamp format sein. value muss der property name y sein

Allen weiteren Infos dazu findet Ihr in der Doku:
https://github.com/Scrounger/ioBroker.vis-materialdesign#json-properties-1

liv-in-sky

@chrisbie

also das ding fordert mich - ich habe mal das hier zusammengeschustert

werrte sind nur auf heute gekürzt - evtl muss man auch nur die letzen paar stunden nehmen, damit der graph nicht zu breit wird

hoffe, das kommt einigermaßen hin

Image 3.png

hier das script

<xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id="7Z!unBd[mu#=;hnBG)Nt">x</variable>
   <variable id="Q;J%QaE}s=7|%1QKaN,R">result</variable>
 </variables>
 <block type="schedule" id="TXjZNI)!SIELg@NS)/eD" x="-63" y="-338">
   <field name="SCHEDULE">0,30 * * * *</field>
   <statement name="STATEMENT">
     <block type="request" id="vLFe*WH!=i3:]KPT74cA">
       <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="true"></mutation>
       <field name="WITH_STATEMENT">TRUE</field>
       <field name="LOG">log</field>
       <value name="URL">
         <shadow type="text" id="!edZYKh_^rBL)oP:pg}1">
           <field name="TEXT">https://www.pegelonline.wsv.de/webservices/rest-api/v2/stations/Mainflingen/W/measurements.json?start=P8D</field>
         </shadow>
       </value>
       <statement name="STATEMENT">
         <block type="control" id="yq!nlp(hh)D,y|+=bn:.">
           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
           <field name="OID">0_userdata.0.example_state</field>
           <field name="WITH_DELAY">FALSE</field>
           <value name="VALUE">
             <block type="procedures_callcustomreturn" id="{`=3Bjn~yybAm`am$S$8">
               <mutation name="etwas tun2">
                 <arg name="x"></arg>
               </mutation>
               <value name="ARG0">
                 <block type="variables_get" id="L(8iG*;Q_bp,ERh_i*vH">
                   <field name="VAR" id="Q;J%QaE}s=7|%1QKaN,R">result</field>
                 </block>
               </value>
             </block>
           </value>
         </block>
       </statement>
     </block>
   </statement>
 </block>
 <block type="procedures_defcustomreturn" id="#lGkUyA~gv~maa%1U#KB" x="563" y="-162">
   <mutation statements="false">
     <arg name="x" varid="7Z!unBd[mu#=;hnBG)Nt"></arg>
   </mutation>
   <field name="NAME">etwas tun2</field>
   <field name="SCRIPT">bGV0IG15T2JqQXJyPVtdOw0KbGV0IG15T2JqQXJyTGFiZWxzPVtdOw0KbGV0IG15T2JqQXJyRGF0YT1bXTsNCg0KbGV0IG15V2hvbGVBcnI9ew0KCSJheGlzTGFiZWxzIjogW10sDQoJImdyYXBocyI6IFsNCgkgew0KCQkJImRhdGEiOiBbXSwNCgkJCSJ0eXBlIjogImJhciIsDQoJCQkiY29sb3IiOiAib3JhbmdlIiwNCgkJCSJ5QXhpc19taW4iOiAwLA0KCQkJInlBeGlzX21heCI6IDMwMCwNCgkJCSJ5QXhpc19tYXhTdGVwcyI6IDMwLA0KCQkJInlBeGlzX3Bvc2l0aW9uIjogImxlZnQiLA0KCQkJInlBeGlzX2dyaWRMaW5lc19zaG93IjogZmFsc2UsDQoJCQkieUF4aXNfYXBwZW5kaXgiOiAiIGNtIiwNCgkJCSJ5QXhpc19ncmlkTGluZXNfYm9yZGVyX3Nob3ciOiBmYWxzZSwNCgkJCSJ5QXhpc196ZXJvTGluZVdpZHRoIjogMTAsDQoJCQkieUF4aXNfemVyb0xpbmVDb2xvciI6ICJibGFjayIsDQoJCQkiZGlzcGxheU9yZGVyIjogMSwNCgkJCSJ0b29sdGlwX0FwcGVuZFRleHQiOiAiIGNtIiwNCgkJCSJkYXRhbGFiZWxfc2hvdyI6IGZhbHNlDQoJCX0NCgldDQp9DQoNCnggPSB4LnJlcGxhY2UoL3ZhbHVlL2csICJ5Iik7DQp4ID0geC5yZXBsYWNlKC90aW1lc3RhbXAvZywgInQiKTsNCm15T2JqQXJyPUpTT04ucGFyc2UoeCkNCi8vbG9nKEpTT04uc3RyaW5naWZ5KG15T2JqQXJyKSkNCg0KZm9yIChsZXQgaT0wOyBpPG15T2JqQXJyLmxlbmd0aCA7aSsrKXsNCiAvLyBsb2cobXlPYmpBcnJbaV0ueSkNCi8vICAgIGxvZyhnZXREYXRlT2JqZWN0KG15T2JqQXJyW2ldLnQpKyIgLS0tIisobmV3IERhdGUoKS5nZXRUaW1lKCktIDEwODAwMDAwKS50b1N0cmluZygpICkNCiAgIGlmKGZvcm1hdERhdGUoZ2V0RGF0ZU9iamVjdChteU9iakFycltpXS50KSwgIk1NLlRUIik9PWZvcm1hdERhdGUoZ2V0RGF0ZU9iamVjdCgobmV3IERhdGUoKS5nZXRUaW1lKCkpKSwgIk1NLlRUIikgJiYgDQogICAgICAgKGdldERhdGVPYmplY3QobXlPYmpBcnJbaV0udCkpID4gbmV3IERhdGUoKS5nZXRUaW1lKCktIDEwODAwMDAwICkgew0KICAgICAgICAgICAgICAgICAgICAgIG15T2JqQXJyW2ldLnQ9Zm9ybWF0RGF0ZShnZXREYXRlT2JqZWN0KG15T2JqQXJyW2ldLnQpLCAiaGg6bW0iKSANCiAgICAgICAgICAgICAgICAgICAgICBteU9iakFyckxhYmVscy5wdXNoKG15T2JqQXJyW2ldLnQpDQogICAgICAgICAgICAgICAgICAgICAgbXlPYmpBcnJEYXRhLnB1c2gobXlPYmpBcnJbaV0ueSkNCiAgIH0gDQp9DQoNCm15V2hvbGVBcnIuYXhpc0xhYmVscz1teU9iakFyckxhYmVscw0KbXlXaG9sZUFyci5ncmFwaHNbMF0uZGF0YT1teU9iakFyckRhdGENCi8vbG9nKEpTT04uc3RyaW5naWZ5KG15V2hvbGVBcnIpKQ0KDQpyZXR1cm4gSlNPTi5zdHJpbmdpZnkobXlXaG9sZUFycik7DQoNCg0KDQoNCg==</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
</xml>

im chart json widget nur den datenpunkt angeben - dieser muss auch im script bei dir angelichen werden

liv-in-sky

@chrisbie

vielleicht kannst du deine überschrift im ersten post ändern - irgendwas mit wasserpegel flüsse - oder so - da haben sicher andere auch noch interesse daran - vorallem zur zeit ist das doch aktuell

liv-in-sky

@chrisbie

das finde ich fast schöner

Image 9.png

Chrisbie

@liv-in-sky

danke erst mal für dein Script.
aber aktuell sieht es bei mir so aus:

Was ist das für ein Chart ?

Also für mich wäre es wichtig das mann ab bestimmten Wasserständen sich die farbe ändert, da es ab bestimmten höhen sich bestimmte Situationen ändern. geht das mit dem Chart?

und ich denke intessant sind aber mehr als ein Tag, so 3 Tage denke ich ist ok.

liv-in-sky

@chrisbie mit dem 2ten kann ich es - mit den balken sollte es auch gehen - weiß aber noch nicht wie - finde ich noch raus

bist du dir sicher mit den mehr daten - das wird nicht schjön aussehen - in diesem script hier, habe ich sogar nur 3 stunden genommen - ich gehe immer davon aus, dass man platzsparend mit der vis umgehen will, damit das ganze übersichtlich bleibt bei 10" display.

teste mal das neue alls es dir gefällt, dann kannst du mir nochmal sagen, was du genau für daten sehen willst

es ist das selbe widget, nur anders gefüllt - diese teile sind sooo mächtig - respekt an @Scrounger
du müßtest mir die werte und die farbe dazu sagen, dann kann ich das einbinden - oder letztlich kannst du das selbst

im script:

Image 10.png

neues script - selbes widget - einfach datenpunkt angleichen und das alte script stoppen - es ist ein schedule alle 30 minuten, daher wird der graph erst später upgedated. willst du es gleich sehen , ziehe denn ganzen block aus dem schedule block raus - dann wird das script gleich ausgeführt beim aktivieren oder speichern (später wieder reinziehen nicht vergessen)

<xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id="7Z!unBd[mu#=;hnBG)Nt">x</variable>
   <variable id="Q;J%QaE}s=7|%1QKaN,R">result</variable>
 </variables>
 <block type="schedule" id="TXjZNI)!SIELg@NS)/eD" x="13" y="-238">
   <field name="SCHEDULE">0,30 * * * *</field>
   <statement name="STATEMENT">
     <block type="request" id="vLFe*WH!=i3:]KPT74cA">
       <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="true"></mutation>
       <field name="WITH_STATEMENT">TRUE</field>
       <field name="LOG">log</field>
       <value name="URL">
         <shadow type="text" id="!edZYKh_^rBL)oP:pg}1">
           <field name="TEXT">https://www.pegelonline.wsv.de/webservices/rest-api/v2/stations/Mainflingen/W/measurements.json?start=P8D</field>
         </shadow>
       </value>
       <statement name="STATEMENT">
         <block type="control" id="yq!nlp(hh)D,y|+=bn:.">
           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
           <field name="OID">0_userdata.0.example_state</field>
           <field name="WITH_DELAY">FALSE</field>
           <value name="VALUE">
             <block type="procedures_callcustomreturn" id="{`=3Bjn~yybAm`am$S$8">
               <mutation name="etwas tun2">
                 <arg name="x"></arg>
               </mutation>
               <value name="ARG0">
                 <block type="variables_get" id="L(8iG*;Q_bp,ERh_i*vH">
                   <field name="VAR" id="Q;J%QaE}s=7|%1QKaN,R">result</field>
                 </block>
               </value>
             </block>
           </value>
         </block>
       </statement>
     </block>
   </statement>
 </block>
 <block type="procedures_defcustomreturn" id="#lGkUyA~gv~maa%1U#KB" x="613" y="-187">
   <mutation statements="false">
     <arg name="x" varid="7Z!unBd[mu#=;hnBG)Nt"></arg>
   </mutation>
   <field name="NAME">etwas tun2</field>
   <field name="SCRIPT">bGV0IG15T2JqQXJyPVtdOw0KbGV0IG15T2JqQXJyTGFiZWxzPVtdOw0KbGV0IG15T2JqQXJyRGF0YT1bXTsNCg0KbGV0IG15V2hvbGVBcnI9ew0KCSJheGlzTGFiZWxzIjogW10sDQoJImdyYXBocyI6IFsNCgkJew0KCQkJImRhdGEiOiBbXSwNCgkJCSJ0eXBlIjogImxpbmUiLA0KCQkJImNvbG9yIjogImdyYXkiLA0KCQkJImxlZ2VuZFRleHQiOiAiIiwNCgkJCSJsaW5lX3BvaW50U2l6ZUhvdmVyIjogNSwNCgkJCSJsaW5lX3BvaW50U2l6ZSI6IDAsDQoJCQkibGluZV9UZW5zaW9uIjogMC4zLA0KCQkJInlBeGlzX3Nob3ciOiB0cnVlLA0KCQkJInlBeGlzX2dyaWRMaW5lc19zaG93IjogZmFsc2UsDQoJCQkieUF4aXNfZ3JpZExpbmVzX3RpY2tzX2xlbmd0aCI6IDUsDQoJCQkieUF4aXNfbWluIjogMTAwLA0KCQkJInlBeGlzX21heCI6IDMwMCwNCgkJCSJ5QXhpc19zdGVwIjogMzAsDQoJCQkieUF4aXNfcG9zaXRpb24iOiAibGVmdCIsDQoJCQkieUF4aXNfYXBwZW5kaXgiOiAiIGNtIiwNCgkJCSJ5QXhpc196ZXJvTGluZVdpZHRoIjogMTAsDQoJCQkieUF4aXNfemVyb0xpbmVDb2xvciI6ICJibGFjayIsDQoJCQkiZGlzcGxheU9yZGVyIjogMCwNCgkJCSJ0b29sdGlwX0FwcGVuZFRleHQiOiAiICIsDQoJCQkiZGF0YWxhYmVsX2JhY2tncm91bmRDb2xvciI6ICIjNkQ4N0E5IiwNCgkJCSJkYXRhbGFiZWxfY29sb3IiOiAid2hpdGUiLA0KCQkJImRhdGFsYWJlbF9vZmZzZXQiOiAwLA0KCQkJImRhdGFsYWJlbF9mb250RmFtaWx5IjogIlJvYm90b0NvbmRlbnNlZC1MaWdodCIsDQoJCQkiZGF0YWxhYmVsX2ZvbnRTaXplIjogMTIsDQoJCQkiZGF0YWxhYmVsX2JvcmRlclJhZGl1cyI6IDYsDQoJCQkiZGF0YWxhYmVsX3Nob3ciOiAiYXV0byIsDQoJCQkibGluZV9Qb2ludENvbG9yIjogWyIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzNhYTM1YiIsICIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzFkOTIyZSIsICIjMWQ5MjJlIiwgIiMwZTg5MTciLCAiIzAwODAwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzY2OGYwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzAwODAwMCIsICIjMGU4OTE3IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSJdLA0KCQkJImxpbmVfUG9pbnRDb2xvckJvcmRlciI6IFsiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMzYWEzNWIiLCAiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSIsICIjMGU4OTE3IiwgIiMwMDgwMDAiLCAiIzY2OGYwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjNjY4ZjAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMwMDgwMDAiLCAiIzBlODkxNyIsICIjMWQ5MjJlIiwgIiMxZDkyMmUiXSwNCgkJCSJsaW5lX1BvaW50Q29sb3JIb3ZlciI6IFsiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMzYWEzNWIiLCAiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSIsICIjMGU4OTE3IiwgIiMwMDgwMDAiLCAiIzY2OGYwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjNjY4ZjAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMwMDgwMDAiLCAiIzBlODkxNyIsICIjMWQ5MjJlIiwgIiMxZDkyMmUiXSwNCgkJCSJsaW5lX1BvaW50Q29sb3JCb3JkZXJIb3ZlciI6IFsiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMzYWEzNWIiLCAiIzJiOWE0NCIsICIjMmI5YTQ0IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSIsICIjMGU4OTE3IiwgIiMwMDgwMDAiLCAiIzY2OGYwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjNjY4ZjAwIiwgIiMzMzg3MDAiLCAiIzMzODcwMCIsICIjMDA4MDAwIiwgIiMwMDgwMDAiLCAiIzBlODkxNyIsICIjMWQ5MjJlIiwgIiMxZDkyMmUiXSwNCgkJCSJ1c2VfZ3JhZGllbnRfY29sb3IiOiB0cnVlLA0KCQkJImdyYWRpZW50X2NvbG9yIjogW3sNCgkJCQkJInZhbHVlIjogMCwNCgkJCQkJImNvbG9yIjogIiM1YjJjNmY2NiINCgkJCQl9LCB7DQoJCQkJCSJ2YWx1ZSI6IDUwLA0KCQkJCQkiY29sb3IiOiAiIzI4NzRhNjY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogMTAwLA0KCQkJCQkiY29sb3IiOiAiIzczYzZiNjY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogMTIwLA0KCQkJCQkiY29sb3IiOiAiIzAwODAwMDY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogMTUwLA0KCQkJCQkiY29sb3IiOiAieWVsbG93Ii8vIiNmZmE1MDA2NiINCgkJCQl9LCB7DQoJCQkJCSJ2YWx1ZSI6IDE4MCwNCgkJCQkJImNvbG9yIjogIm9yYW5nZSIvLyIjZmZhNTAwNjYiDQoJCQkJfSx7DQoJCQkJCSJ2YWx1ZSI6IDIxMCwNCgkJCQkJImNvbG9yIjogInJlZCIvLyIjZmZhNTAwNjYiDQoJCQkJfSx7DQoJCQkJCSJ2YWx1ZSI6IDI1MCwNCgkJCQkJImNvbG9yIjogInB1cnBsZSIgLy8iI2ZmYTUwMDY2Ig0KCQkJCX0NCgkJCV0sDQoJCQkidXNlX2xpbmVfZ3JhZGllbnRfZmlsbF9jb2xvciI6IHRydWUsDQoJCQkibGluZV9ncmFkaWVudF9maWxsX2NvbG9yIjogW3sNCgkJCQkJInZhbHVlIjogMCwNCgkJCQkJImNvbG9yIjogIiM1YjJjNmY2NiINCgkJCQl9LCB7DQoJCQkJCSJ2YWx1ZSI6IDUwLA0KCQkJCQkiY29sb3IiOiAiIzI4NzRhNjY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogMTAwLA0KCQkJCQkiY29sb3IiOiAiIzczYzZiNjY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogMTIwLA0KCQkJCQkiY29sb3IiOiAiIzAwODAwMDY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogMTUwLA0KCQkJCQkiY29sb3IiOiAieWVsbG93Ii8vIiNmZmE1MDA2NiINCgkJCQl9LCB7DQoJCQkJCSJ2YWx1ZSI6IDE4MCwNCgkJCQkJImNvbG9yIjogIm9yYW5nZSIvLyIjZmZhNTAwNjYiDQoJCQkJfSx7DQoJCQkJCSJ2YWx1ZSI6IDIxMCwNCgkJCQkJImNvbG9yIjogInJlZCIvLyIjZmZhNTAwNjYiDQoJCQkJfSx7DQoJCQkJCSJ2YWx1ZSI6IDI1MCwNCgkJCQkJImNvbG9yIjogInB1cnBsZSIgLy8iI2ZmYTUwMDY2Ig0KCQkJCX0NCgkJCV0NCgkJfQ0KCV0NCn0NCg0KeCA9IHgucmVwbGFjZSgvdmFsdWUvZywgInkiKTsNCnggPSB4LnJlcGxhY2UoL3RpbWVzdGFtcC9nLCAidCIpOw0KbXlPYmpBcnI9SlNPTi5wYXJzZSh4KQ0KLy9sb2coSlNPTi5zdHJpbmdpZnkobXlPYmpBcnIpKQ0KDQpmb3IgKGxldCBpPTA7IGk8bXlPYmpBcnIubGVuZ3RoIDtpKyspew0KICAvL2xvZyhteU9iakFycltpXS55KQ0KICAgLy8gbG9nKGdldERhdGVPYmplY3QobXlPYmpBcnJbaV0udCkrIiAtLS0iKyhuZXcgRGF0ZSgpLmdldFRpbWUoKS0gMTA4MDAwMDApLnRvU3RyaW5nKCkgKQ0KICAgaWYoZm9ybWF0RGF0ZShnZXREYXRlT2JqZWN0KG15T2JqQXJyW2ldLnQpLCAiTU0uVFQiKT09Zm9ybWF0RGF0ZShnZXREYXRlT2JqZWN0KChuZXcgRGF0ZSgpLmdldFRpbWUoKSkpLCAiTU0uVFQiKSAmJiANCiAgICAgICAoZ2V0RGF0ZU9iamVjdChteU9iakFycltpXS50KSkgPiBuZXcgRGF0ZSgpLmdldFRpbWUoKS0gMTA4MDAwMDAgKSB7DQogICAgICAgICAgICAgICAgICAgICAgbXlPYmpBcnJbaV0udD1mb3JtYXREYXRlKGdldERhdGVPYmplY3QobXlPYmpBcnJbaV0udCksICJoaDptbSIpIA0KICAgICAgICAgICAgICAgICAgICAgIG15T2JqQXJyTGFiZWxzLnB1c2gobXlPYmpBcnJbaV0udCkNCiAgICAgICAgICAgICAgICAgICAgICBteU9iakFyckRhdGEucHVzaChteU9iakFycltpXS55KQ0KICAgfSANCn0NCg0KbXlXaG9sZUFyci5heGlzTGFiZWxzPW15T2JqQXJyTGFiZWxzDQpteVdob2xlQXJyLmdyYXBoc1swXS5kYXRhPW15T2JqQXJyRGF0YQ0KLy9sb2coSlNPTi5zdHJpbmdpZnkobXlXaG9sZUFycikpDQoNCnJldHVybiBKU09OLnN0cmluZ2lmeShteVdob2xlQXJyKTsNCg0KDQoNCg0K</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
</xml>

ps:
habe mal alle daten zugelassen - sieht auch nicht schlecht aus:

Image 11.png

liv-in-sky

@chrisbie

und das ? viele daten und farbig

Image 12.png

<xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id="7Z!unBd[mu#=;hnBG)Nt">x</variable>
   <variable id="Q;J%QaE}s=7|%1QKaN,R">result</variable>
 </variables>
 <block type="schedule" id="TXjZNI)!SIELg@NS)/eD" x="13" y="-238">
   <field name="SCHEDULE">0,30 * * * *</field>
   <statement name="STATEMENT">
     <block type="request" id="vLFe*WH!=i3:]KPT74cA">
       <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="true"></mutation>
       <field name="WITH_STATEMENT">TRUE</field>
       <field name="LOG">log</field>
       <value name="URL">
         <shadow type="text" id="!edZYKh_^rBL)oP:pg}1">
           <field name="TEXT">https://www.pegelonline.wsv.de/webservices/rest-api/v2/stations/Mainflingen/W/measurements.json?start=P8D</field>
         </shadow>
       </value>
       <statement name="STATEMENT">
         <block type="control" id="yq!nlp(hh)D,y|+=bn:.">
           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
           <field name="OID">0_userdata.0.example_state</field>
           <field name="WITH_DELAY">FALSE</field>
           <value name="VALUE">
             <block type="procedures_callcustomreturn" id="{`=3Bjn~yybAm`am$S$8">
               <mutation name="etwas tun2">
                 <arg name="x"></arg>
               </mutation>
               <value name="ARG0">
                 <block type="variables_get" id="L(8iG*;Q_bp,ERh_i*vH">
                   <field name="VAR" id="Q;J%QaE}s=7|%1QKaN,R">result</field>
                 </block>
               </value>
             </block>
           </value>
         </block>
       </statement>
     </block>
   </statement>
 </block>
 <block type="procedures_defcustomreturn" id="#lGkUyA~gv~maa%1U#KB" x="613" y="-187">
   <mutation statements="false">
     <arg name="x" varid="7Z!unBd[mu#=;hnBG)Nt"></arg>
   </mutation>
   <field name="NAME">etwas tun2</field>
   <field name="SCRIPT">bGV0IG15T2JqQXJyPVtdOw0KbGV0IG15T2JqQXJyTGFiZWxzPVtdOw0KbGV0IG15T2JqQXJyRGF0YT1bXTsNCg0KbGV0IG15V2hvbGVBcnI9ew0KCSJheGlzTGFiZWxzIjogW10sDQoJImdyYXBocyI6IFsNCgkJew0KCQkJImRhdGEiOiBbXSwNCgkJCSJ0eXBlIjogImxpbmUiLA0KCQkJImNvbG9yIjogImdyYXkiLA0KCQkJImxlZ2VuZFRleHQiOiAiIiwNCgkJCSJsaW5lX3BvaW50U2l6ZUhvdmVyIjogNSwNCgkJCSJsaW5lX3BvaW50U2l6ZSI6IDAsDQoJCQkibGluZV9UZW5zaW9uIjogMC4zLA0KCQkJInlBeGlzX3Nob3ciOiB0cnVlLA0KCQkJInlBeGlzX2dyaWRMaW5lc19zaG93IjogZmFsc2UsDQoJCQkieUF4aXNfZ3JpZExpbmVzX3RpY2tzX2xlbmd0aCI6IDUsDQoJCQkieUF4aXNfbWluIjogMCwNCgkJCSJ5QXhpc19tYXgiOiAzMDAsDQoJCQkieUF4aXNfc3RlcCI6IDMwLA0KCQkJInlBeGlzX3Bvc2l0aW9uIjogImxlZnQiLA0KCQkJInlBeGlzX2FwcGVuZGl4IjogIiBjbSIsDQoJCQkieUF4aXNfemVyb0xpbmVXaWR0aCI6IDEwLA0KCQkJInlBeGlzX3plcm9MaW5lQ29sb3IiOiAiYmxhY2siLA0KCQkJImRpc3BsYXlPcmRlciI6IDAsDQoJCQkidG9vbHRpcF9BcHBlbmRUZXh0IjogIiAiLA0KCQkJImRhdGFsYWJlbF9iYWNrZ3JvdW5kQ29sb3IiOiAiIzZEODdBOSIsDQoJCQkiZGF0YWxhYmVsX2NvbG9yIjogIndoaXRlIiwNCgkJCSJkYXRhbGFiZWxfb2Zmc2V0IjogMCwNCgkJCSJkYXRhbGFiZWxfZm9udEZhbWlseSI6ICJSb2JvdG9Db25kZW5zZWQtTGlnaHQiLA0KCQkJImRhdGFsYWJlbF9mb250U2l6ZSI6IDEyLA0KCQkJImRhdGFsYWJlbF9ib3JkZXJSYWRpdXMiOiA2LA0KCQkJImRhdGFsYWJlbF9zaG93IjogImZhbHNlIiwNCgkJCSJsaW5lX1BvaW50Q29sb3IiOiBbIiMyYjlhNDQiLCAiIzJiOWE0NCIsICIjM2FhMzViIiwgIiMyYjlhNDQiLCAiIzJiOWE0NCIsICIjMWQ5MjJlIiwgIiMxZDkyMmUiLCAiIzBlODkxNyIsICIjMDA4MDAwIiwgIiM2NjhmMDAiLCAiIzY2OGYwMCIsICIjNjY4ZjAwIiwgIiMzMzg3MDAiLCAiIzAwODAwMCIsICIjMzM4NzAwIiwgIiMzMzg3MDAiLCAiIzY2OGYwMCIsICIjMzM4NzAwIiwgIiMzMzg3MDAiLCAiIzAwODAwMCIsICIjMDA4MDAwIiwgIiMwZTg5MTciLCAiIzFkOTIyZSIsICIjMWQ5MjJlIl0sDQoJCQkibGluZV9Qb2ludENvbG9yQm9yZGVyIjogWyIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzNhYTM1YiIsICIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzFkOTIyZSIsICIjMWQ5MjJlIiwgIiMwZTg5MTciLCAiIzAwODAwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzY2OGYwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzAwODAwMCIsICIjMGU4OTE3IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSJdLA0KCQkJImxpbmVfUG9pbnRDb2xvckhvdmVyIjogWyIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzNhYTM1YiIsICIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzFkOTIyZSIsICIjMWQ5MjJlIiwgIiMwZTg5MTciLCAiIzAwODAwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzY2OGYwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzAwODAwMCIsICIjMGU4OTE3IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSJdLA0KCQkJImxpbmVfUG9pbnRDb2xvckJvcmRlckhvdmVyIjogWyIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzNhYTM1YiIsICIjMmI5YTQ0IiwgIiMyYjlhNDQiLCAiIzFkOTIyZSIsICIjMWQ5MjJlIiwgIiMwZTg5MTciLCAiIzAwODAwMCIsICIjNjY4ZjAwIiwgIiM2NjhmMDAiLCAiIzY2OGYwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiM2NjhmMDAiLCAiIzMzODcwMCIsICIjMzM4NzAwIiwgIiMwMDgwMDAiLCAiIzAwODAwMCIsICIjMGU4OTE3IiwgIiMxZDkyMmUiLCAiIzFkOTIyZSJdLA0KCQkJInVzZV9ncmFkaWVudF9jb2xvciI6IHRydWUsDQoJCQkiZ3JhZGllbnRfY29sb3IiOiBbew0KCQkJCQkidmFsdWUiOiAwLA0KCQkJCQkiY29sb3IiOiAiIzViMmM2ZjY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogNTAsDQoJCQkJCSJjb2xvciI6ICIjMjg3NGE2NjYiDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiAxMDAsDQoJCQkJCSJjb2xvciI6ICIjNzNjNmI2NjYiDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiAxMjAsDQoJCQkJCSJjb2xvciI6ICIjMDA4MDAwNjYiDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiAxNTAsDQoJCQkJCSJjb2xvciI6ICJ5ZWxsb3ciLy8iI2ZmYTUwMDY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogMTgwLA0KCQkJCQkiY29sb3IiOiAib3JhbmdlIi8vIiNmZmE1MDA2NiINCgkJCQl9LHsNCgkJCQkJInZhbHVlIjogMjEwLA0KCQkJCQkiY29sb3IiOiAicmVkIi8vIiNmZmE1MDA2NiINCgkJCQl9LHsNCgkJCQkJInZhbHVlIjogMjUwLA0KCQkJCQkiY29sb3IiOiAicHVycGxlIiAvLyIjZmZhNTAwNjYiDQoJCQkJfQ0KCQkJXSwNCgkJCSJ1c2VfbGluZV9ncmFkaWVudF9maWxsX2NvbG9yIjogdHJ1ZSwNCgkJCSJsaW5lX2dyYWRpZW50X2ZpbGxfY29sb3IiOiBbew0KCQkJCQkidmFsdWUiOiAwLA0KCQkJCQkiY29sb3IiOiAiIzViMmM2ZjY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogNTAsDQoJCQkJCSJjb2xvciI6ICIjMjg3NGE2NjYiDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiAxMDAsDQoJCQkJCSJjb2xvciI6ICIjNzNjNmI2NjYiDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiAxMjAsDQoJCQkJCSJjb2xvciI6ICIjMDA4MDAwNjYiDQoJCQkJfSwgew0KCQkJCQkidmFsdWUiOiAxNTAsDQoJCQkJCSJjb2xvciI6ICJ5ZWxsb3ciLy8iI2ZmYTUwMDY2Ig0KCQkJCX0sIHsNCgkJCQkJInZhbHVlIjogMTgwLA0KCQkJCQkiY29sb3IiOiAib3JhbmdlIi8vIiNmZmE1MDA2NiINCgkJCQl9LHsNCgkJCQkJInZhbHVlIjogMjEwLA0KCQkJCQkiY29sb3IiOiAicmVkIi8vIiNmZmE1MDA2NiINCgkJCQl9LHsNCgkJCQkJInZhbHVlIjogMjUwLA0KCQkJCQkiY29sb3IiOiAicHVycGxlIiAvLyIjZmZhNTAwNjYiDQoJCQkJfQ0KCQkJXQ0KCQl9DQoJXQ0KfQ0KDQp4ID0geC5yZXBsYWNlKC92YWx1ZS9nLCAieSIpOw0KeCA9IHgucmVwbGFjZSgvdGltZXN0YW1wL2csICJ0Iik7DQpteU9iakFycj1KU09OLnBhcnNlKHgpDQovL2xvZyhKU09OLnN0cmluZ2lmeShteU9iakFycikpDQoNCmZvciAobGV0IGk9MDsgaTxteU9iakFyci5sZW5ndGggO2krKyl7DQogIC8vbG9nKG15T2JqQXJyW2ldLnkpDQogICAvLyBsb2coZ2V0RGF0ZU9iamVjdChteU9iakFycltpXS50KSsiIC0tLSIrKG5ldyBEYXRlKCkuZ2V0VGltZSgpLSAxMDgwMDAwMCkudG9TdHJpbmcoKSApDQogIC8vIGlmKGZvcm1hdERhdGUoZ2V0RGF0ZU9iamVjdChteU9iakFycltpXS50KSwgIk1NLlRUIik9PWZvcm1hdERhdGUoZ2V0RGF0ZU9iamVjdCgobmV3IERhdGUoKS5nZXRUaW1lKCkpKSwgIk1NLlRUIikgJiYgDQogICAgLy8gICAoZ2V0RGF0ZU9iamVjdChteU9iakFycltpXS50KSkgPiBuZXcgRGF0ZSgpLmdldFRpbWUoKS0gMTA4MDAwMDAgKQ0KICAgICAgIGlmKHRydWUpIHsNCiAgICAgICAgICAgICAgICAgICAgICBteU9iakFycltpXS50PWZvcm1hdERhdGUoZ2V0RGF0ZU9iamVjdChteU9iakFycltpXS50KSwgImhoOm1tIikgDQogICAgICAgICAgICAgICAgICAgICAgbXlPYmpBcnJMYWJlbHMucHVzaChteU9iakFycltpXS50KQ0KICAgICAgICAgICAgICAgICAgICAgIG15T2JqQXJyRGF0YS5wdXNoKG15T2JqQXJyW2ldLnkpDQogICB9IA0KfQ0KDQpteVdob2xlQXJyLmF4aXNMYWJlbHM9bXlPYmpBcnJMYWJlbHMNCm15V2hvbGVBcnIuZ3JhcGhzWzBdLmRhdGE9bXlPYmpBcnJEYXRhDQovL2xvZyhKU09OLnN0cmluZ2lmeShteVdob2xlQXJyKSkNCg0KcmV0dXJuIEpTT04uc3RyaW5naWZ5KG15V2hvbGVBcnIpOw0KDQoNCg0KDQo=</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
</xml>

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

Image 13.png

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:
Image 15.png

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

Community Forum

NEWS

Pegelstände Flüsse visualisieren

Support us

859

32.6k

81.9k

1.3m