Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Pegelstände Flüsse visualisieren

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Pegelstände Flüsse visualisieren

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Chrisbie @liv-in-sky last edited by Chrisbie

      @liv-in-sky

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

      cd8e000b-bf04-4455-9f1e-2ae95d22fe78-grafik.png

      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 2 Replies Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Chrisbie last edited by

        @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

        1 Reply Last reply Reply Quote 1
        • liv-in-sky
          liv-in-sky @Chrisbie last edited by 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 C Bostil 3 Replies Last reply Reply Quote 0
          • Homoran
            Homoran Global Moderator Administrators @liv-in-sky last edited by 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
            Pegel_20210130.png

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

            1 Reply Last reply Reply Quote 1
            • C
              Chrisbie @liv-in-sky last edited by

              @liv-in-sky

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

              6a571dab-d13d-426d-bf3c-9a6be9eb4095-grafik.png

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

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Chrisbie last edited by

                @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

                1 Reply Last reply Reply Quote 1
                • C
                  Chrisbie last edited by Chrisbie

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

                  ff0364a2-ec83-47c2-af56-53899c000a4e-grafik.png

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

                  liv-in-sky Homoran 4 Replies Last reply Reply Quote 1
                  • liv-in-sky
                    liv-in-sky @Chrisbie last edited by

                    @chrisbie

                    ändere mal diesen wert

                    "yAxis_zeroLineColor": "transparent",

                    dann sollte das rechteck (schwarz) links unten verschwinden

                    1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @Chrisbie last edited by

                      @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

                      C Scrounger 2 Replies Last reply Reply Quote 0
                      • C
                        Chrisbie @liv-in-sky last edited by Chrisbie

                        @liv-in-sky

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

                        cbc7934f-3b2b-41d9-9faa-ab6e873c8309-grafik.png

                        so sehen sie ohne aus

                        liv-in-sky 1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Chrisbie last edited by

                          @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

                          C 1 Reply Last reply Reply Quote 0
                          • Scrounger
                            Scrounger Developer @liv-in-sky last edited by 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 1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @Scrounger last edited by

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

                              so jedenfalls nicht:
                              Image 15.png

                              Scrounger 1 Reply Last reply Reply Quote 1
                              • C
                                Chrisbie @liv-in-sky last edited by

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

                                1 Reply Last reply Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @liv-in-sky last edited by

                                  @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.
                                  cce5a597-74f8-4060-acaf-0cd38e49d6fc-grafik.png

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @Scrounger last edited by

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

                                    Scrounger 1 Reply Last reply Reply Quote 0
                                    • Scrounger
                                      Scrounger Developer @liv-in-sky last edited by

                                      @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

                                      1 Reply Last reply Reply Quote 0
                                      • Homoran
                                        Homoran Global Moderator Administrators @Chrisbie last edited by

                                        @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:
                                        Pegelstaende.png
                                        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.

                                        1 Reply Last reply Reply Quote 1
                                        • liv-in-sky
                                          liv-in-sky last edited by

                                          die farben diagramme gefallen mir gerade sehr gut

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

                                          anim-gif43.gif

                                          1 Reply Last reply Reply Quote 0
                                          • Bostil
                                            Bostil @liv-in-sky last edited by

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

                                            DANKE

                                            liv-in-sky 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            961
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            5
                                            31
                                            1589
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo