Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

neue Visualisierung "webui" (alternative zu vis & vis-2)

Scheduled Pinned Locked Moved Visualisierung
1.1k Posts 21 Posters 347.8k Views 18 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B Blockmove

    @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

    @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

    @smilie108
    am liebsten würde ich
    d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
    machen
    aber wie das geht leider nicht dann bekomme ich nur weises input feld

    so, das geht nun.
    Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

    Funktioniert das dann auch wenn man in der Formula was voranstellt?
    Beispiel:

    'Solltemp.:' + __0 + a.common.unit
    
    jogibear9988J Offline
    jogibear9988J Offline
    jogibear9988
    wrote on last edited by
    #550

    @blockmove said in neue Visualisierung "webui" (alternative zu vis):

    @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

    @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

    @smilie108
    am liebsten würde ich
    d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
    machen
    aber wie das geht leider nicht dann bekomme ich nur weises input feld

    so, das geht nun.
    Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

    Funktioniert das dann auch wenn man in der Formula was voranstellt?
    Beispiel:

    'Solltemp.:' + __0 + a.common.unit
    

    sollte, warum nicht...

    Check my ioBroker webui - a vis alternative
    see: https://github.com/iobroker-community-adapters/ioBroker.webui

    B 1 Reply Last reply
    0
    • jogibear9988J Offline
      jogibear9988J Offline
      jogibear9988
      wrote on last edited by
      #551

      sehe gearde auch noch, wenn man ein twoWay binding auf mehrere Variablen macht, ruft er für jede variable den setter mit dem gleichen wert auf. Das muss ich noch umbauen.
      An die $ Variablen in Bindings geht aber eh kein twoWay

      Check my ioBroker webui - a vis alternative
      see: https://github.com/iobroker-community-adapters/ioBroker.webui

      Smilie108S 1 Reply Last reply
      0
      • jogibear9988J jogibear9988

        sehe gearde auch noch, wenn man ein twoWay binding auf mehrere Variablen macht, ruft er für jede variable den setter mit dem gleichen wert auf. Das muss ich noch umbauen.
        An die $ Variablen in Bindings geht aber eh kein twoWay

        Smilie108S Offline
        Smilie108S Offline
        Smilie108
        wrote on last edited by
        #552

        @jogibear9988
        hat das mit dedn min und m<x begrenzungen auch zu tun ?

        jogibear9988J 1 Reply Last reply
        0
        • Smilie108S Smilie108

          @jogibear9988
          hat das mit dedn min und m<x begrenzungen auch zu tun ?

          jogibear9988J Offline
          jogibear9988J Offline
          jogibear9988
          wrote on last edited by
          #553

          @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

          @jogibear9988
          hat das mit dedn min und m<x begrenzungen auch zu tun ?

          hä? verstehe die frage nicht

          Check my ioBroker webui - a vis alternative
          see: https://github.com/iobroker-community-adapters/ioBroker.webui

          1 Reply Last reply
          0
          • Smilie108S Offline
            Smilie108S Offline
            Smilie108
            wrote on last edited by
            #554

            @jogibear9988 wenn ich die so wie oben im screenshot bei min und max verknüpfe dann sollte er ja keinenn größeren oder kleineren wert zulassen oder ?
            Liege ich da fasch oder geht das dann anders ? oder geht das dann so überhauptnicht ?
            Dachte zumindest das es so gehen sollte 😉

            Smilie108S 1 Reply Last reply
            0
            • Smilie108S Smilie108

              @jogibear9988 wenn ich die so wie oben im screenshot bei min und max verknüpfe dann sollte er ja keinenn größeren oder kleineren wert zulassen oder ?
              Liege ich da fasch oder geht das dann anders ? oder geht das dann so überhauptnicht ?
              Dachte zumindest das es so gehen sollte 😉

              Smilie108S Offline
              Smilie108S Offline
              Smilie108
              wrote on last edited by Smilie108
              #555

              @smilie108
              04f55bbf-f01a-47ba-9ec6-086198e4fa62-grafik.png
              7c90d496-dfcc-4716-84b5-a9e143dedd68-grafik.png
              f96c268a-3c51-4ff7-9d6b-59d93695a5c1-grafik.png
              min bei variabel ( objekt auf 20 max auf 65 und trotzdem kann ich 70 schreiben

              jogibear9988J 1 Reply Last reply
              -1
              • jogibear9988J jogibear9988

                @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                @smilie108
                am liebsten würde ich
                d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                machen
                aber wie das geht leider nicht dann bekomme ich nur weises input feld

                so, das geht nun.
                Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

                Funktioniert das dann auch wenn man in der Formula was voranstellt?
                Beispiel:

                'Solltemp.:' + __0 + a.common.unit
                

                sollte, warum nicht...

                B Offline
                B Offline
                Blockmove
                wrote on last edited by Blockmove
                #556

                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                @smilie108
                am liebsten würde ich
                d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                machen
                aber wie das geht leider nicht dann bekomme ich nur weises input feld

                so, das geht nun.
                Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

                Funktioniert das dann auch wenn man in der Formula was voranstellt?
                Beispiel:

                'Solltemp.:' + __0 + a.common.unit
                

                sollte, warum nicht...

                Ich hab gerade die Version 1.022 installiert und hab nun ein Problem mit den Bindings:

                binding io.png
                funktioniert

                binding nio.png
                funktioniert nicht.

                Gebe ich hier einen Wert ein, so erscheint im Input-Feld "Wert null"

                Im ioBroker Log kommt
                State value to set for "0_userdata.0.Test.stateZahlUnit" has to be type "number" but received type "string"

                The difference beetween Man and Boys:
                The price of their toys 😀

                jogibear9988J 1 Reply Last reply
                0
                • B Blockmove

                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                  @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                  @smilie108
                  am liebsten würde ich
                  d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                  machen
                  aber wie das geht leider nicht dann bekomme ich nur weises input feld

                  so, das geht nun.
                  Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

                  Funktioniert das dann auch wenn man in der Formula was voranstellt?
                  Beispiel:

                  'Solltemp.:' + __0 + a.common.unit
                  

                  sollte, warum nicht...

                  Ich hab gerade die Version 1.022 installiert und hab nun ein Problem mit den Bindings:

                  binding io.png
                  funktioniert

                  binding nio.png
                  funktioniert nicht.

                  Gebe ich hier einen Wert ein, so erscheint im Input-Feld "Wert null"

                  Im ioBroker Log kommt
                  State value to set for "0_userdata.0.Test.stateZahlUnit" has to be type "number" but received type "string"

                  jogibear9988J Offline
                  jogibear9988J Offline
                  jogibear9988
                  wrote on last edited by
                  #557

                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                  @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                  @smilie108
                  am liebsten würde ich
                  d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                  machen
                  aber wie das geht leider nicht dann bekomme ich nur weises input feld

                  so, das geht nun.
                  Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

                  Funktioniert das dann auch wenn man in der Formula was voranstellt?
                  Beispiel:

                  'Solltemp.:' + __0 + a.common.unit
                  

                  sollte, warum nicht...

                  Ich hab gerade die Version 1.022 installiert und hab nun ein Problem mit den Bindings:

                  binding io.png
                  funktioniert

                  binding nio.png
                  funktioniert nicht.

                  Gebe ich hier einen Wert ein, so erscheint im Input-Feld "Wert null"

                  Im ioBroker Log kommt
                  State value to set for "0_userdata.0.Test.stateZahlUnit" has to be type "number" but received type "string"

                  ja, das passt ja auch.
                  wenn du eine zahl parsen willst, darf diese in javascript nicht mit einem text anfangen.
                  Wenn du das vorher wegschneiden willst, musst halt auch bei "formula write back" was angeben.

                  Check my ioBroker webui - a vis alternative
                  see: https://github.com/iobroker-community-adapters/ioBroker.webui

                  B 1 Reply Last reply
                  0
                  • Smilie108S Smilie108

                    @smilie108
                    04f55bbf-f01a-47ba-9ec6-086198e4fa62-grafik.png
                    7c90d496-dfcc-4716-84b5-a9e143dedd68-grafik.png
                    f96c268a-3c51-4ff7-9d6b-59d93695a5c1-grafik.png
                    min bei variabel ( objekt auf 20 max auf 65 und trotzdem kann ich 70 schreiben

                    jogibear9988J Offline
                    jogibear9988J Offline
                    jogibear9988
                    wrote on last edited by
                    #558

                    @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                    @smilie108
                    04f55bbf-f01a-47ba-9ec6-086198e4fa62-grafik.png
                    7c90d496-dfcc-4716-84b5-a9e143dedd68-grafik.png
                    f96c268a-3c51-4ff7-9d6b-59d93695a5c1-grafik.png
                    min bei variabel ( objekt auf 20 max auf 65 und trotzdem kann ich 70 schreiben

                    https://www.w3schools.com/tags/att_input_min.asp

                    Note: The max and min attributes works with the following input types: number, range, date, datetime-local, month, time and week.

                    Check my ioBroker webui - a vis alternative
                    see: https://github.com/iobroker-community-adapters/ioBroker.webui

                    1 Reply Last reply
                    0
                    • jogibear9988J jogibear9988

                      @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                      @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                      @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                      @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                      @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                      @smilie108
                      am liebsten würde ich
                      d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                      machen
                      aber wie das geht leider nicht dann bekomme ich nur weises input feld

                      so, das geht nun.
                      Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

                      Funktioniert das dann auch wenn man in der Formula was voranstellt?
                      Beispiel:

                      'Solltemp.:' + __0 + a.common.unit
                      

                      sollte, warum nicht...

                      Ich hab gerade die Version 1.022 installiert und hab nun ein Problem mit den Bindings:

                      binding io.png
                      funktioniert

                      binding nio.png
                      funktioniert nicht.

                      Gebe ich hier einen Wert ein, so erscheint im Input-Feld "Wert null"

                      Im ioBroker Log kommt
                      State value to set for "0_userdata.0.Test.stateZahlUnit" has to be type "number" but received type "string"

                      ja, das passt ja auch.
                      wenn du eine zahl parsen willst, darf diese in javascript nicht mit einem text anfangen.
                      Wenn du das vorher wegschneiden willst, musst halt auch bei "formula write back" was angeben.

                      B Offline
                      B Offline
                      Blockmove
                      wrote on last edited by
                      #559

                      @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                      ja, das passt ja auch.
                      wenn du eine zahl parsen willst, darf diese in javascript nicht mit einem text anfangen.
                      Wenn du das vorher wegschneiden willst, musst halt auch bei "formula write back" was angeben.

                      Bei der Version 1.0.18 hat aber genau das noch funktioniert. Auch bei nem twoway-Binding konnte vor der Variable noch ein Text stehen.

                      'Solltemp.:' + __0 
                      

                      Das funktioniert nun nicht mehr.
                      Ok, muss es auch nicht mehr unbedingt.
                      Es gibt halt Unterschiede zwischen einem oneway- und twoway-Binding.

                      The difference beetween Man and Boys:
                      The price of their toys 😀

                      1 Reply Last reply
                      0
                      • Smilie108S Offline
                        Smilie108S Offline
                        Smilie108
                        wrote on last edited by
                        #560

                        @Blockmove @jogibear9988
                        Hi Ihr
                        würde gerne verstehen wie ihr immer auf die formumla kommt für die auftrennung der daten
                        bin grad dabei das apg-info einzubinden.
                        Allerdings ist dort das arry anders aufgebiut wie bei der pv-forcast

                        {
                          "graphs": [
                            {
                              "type": "line",
                              "color": "gray",
                              "line_steppedLine": true,
                              "xAxis_timeFormats": {
                                "hour": "HH"
                              },
                              "xAxis_time_unit": "hour",
                              "yAxis_min": 0,
                              "yAxis_max": 10,
                              "datalabel_show": "auto",
                              "datalabel_minDigits": 2,
                              "datalabel_maxDigits": 2,
                              "xAxis_bounds": "data",
                              "line_pointSize": 5,
                              "line_PointColor": "rgba(0, 0, 0, 0)",
                              "datalabel_fontSize": 10,
                              "datalabel_color": "black",
                              "line_UseFillColor": true,
                              "data": [
                                {
                                  "y": 6.867,
                                  "t": 1705791600000
                                },
                                {
                                  "y": 5.783,
                                  "t": 1705795200000
                                },
                                {
                                  "y": 5.515,
                                  "t": 1705798800000
                                },
                                {
                                  "y": 5.089,
                                  "t": 1705802400000
                                },
                                {
                                  "y": 5.137,
                                  "t": 1705806000000
                                },
                                {
                                  "y": 5.501,
                                  "t": 1705809600000
                                },
                                {
                                  "y": 5.429,
                                  "t": 1705813200000
                                },
                                {
                                  "y": 6.005,
                                  "t": 1705816800000
                                },
                                {
                                  "y": 6.312,
                                  "t": 1705820400000
                                },
                                {
                                  "y": 5.876,
                                  "t": 1705824000000
                                },
                                {
                                  "y": 5.464,
                                  "t": 1705827600000
                                },
                                {
                                  "y": 5.307,
                                  "t": 1705831200000
                                },
                                {
                                  "y": 4.695,
                                  "t": 1705834800000
                                },
                                {
                                  "y": 4.66,
                                  "t": 1705838400000
                                },
                                {
                                  "y": 5.435,
                                  "t": 1705842000000
                                },
                                {
                                  "y": 6.474,
                                  "t": 1705845600000
                                },
                                {
                                  "y": 7.868,
                                  "t": 1705849200000
                                },
                                {
                                  "y": 8.198,
                                  "t": 1705852800000
                                },
                                {
                                  "y": 8.6,
                                  "t": 1705856400000
                                },
                                {
                                  "y": 8.216,
                                  "t": 1705860000000
                                },
                                {
                                  "y": 7.867,
                                  "t": 1705863600000
                                },
                                {
                                  "y": 6.409,
                                  "t": 1705867200000
                                },
                                {
                                  "y": 6.384,
                                  "t": 1705870800000
                                },
                                {
                                  "y": 5.868,
                                  "t": 1705874400000
                                },
                                {
                                  "y": 5.868,
                                  "t": 1705878000000
                                }
                              ]
                            }
                          ]
                        }
                        

                        würde gerne mal verstehen wie ihr immer draufkommt wie man das aufsplittet und zuweist.
                        Das eine bei pv-forcast verstehe ich noch da sucht er immer die 2 zusammenpasssenden arrays anhand der index nummer. Aber wie kann ich das hier wieder aufspliten und dann zuweisen da alles immer in einem array ist und noch dazu als timestamp ?

                        Danke im voraus für eure geduld mit mit mir 😉

                        B jogibear9988J 2 Replies Last reply
                        0
                        • Smilie108S Smilie108

                          @Blockmove @jogibear9988
                          Hi Ihr
                          würde gerne verstehen wie ihr immer auf die formumla kommt für die auftrennung der daten
                          bin grad dabei das apg-info einzubinden.
                          Allerdings ist dort das arry anders aufgebiut wie bei der pv-forcast

                          {
                            "graphs": [
                              {
                                "type": "line",
                                "color": "gray",
                                "line_steppedLine": true,
                                "xAxis_timeFormats": {
                                  "hour": "HH"
                                },
                                "xAxis_time_unit": "hour",
                                "yAxis_min": 0,
                                "yAxis_max": 10,
                                "datalabel_show": "auto",
                                "datalabel_minDigits": 2,
                                "datalabel_maxDigits": 2,
                                "xAxis_bounds": "data",
                                "line_pointSize": 5,
                                "line_PointColor": "rgba(0, 0, 0, 0)",
                                "datalabel_fontSize": 10,
                                "datalabel_color": "black",
                                "line_UseFillColor": true,
                                "data": [
                                  {
                                    "y": 6.867,
                                    "t": 1705791600000
                                  },
                                  {
                                    "y": 5.783,
                                    "t": 1705795200000
                                  },
                                  {
                                    "y": 5.515,
                                    "t": 1705798800000
                                  },
                                  {
                                    "y": 5.089,
                                    "t": 1705802400000
                                  },
                                  {
                                    "y": 5.137,
                                    "t": 1705806000000
                                  },
                                  {
                                    "y": 5.501,
                                    "t": 1705809600000
                                  },
                                  {
                                    "y": 5.429,
                                    "t": 1705813200000
                                  },
                                  {
                                    "y": 6.005,
                                    "t": 1705816800000
                                  },
                                  {
                                    "y": 6.312,
                                    "t": 1705820400000
                                  },
                                  {
                                    "y": 5.876,
                                    "t": 1705824000000
                                  },
                                  {
                                    "y": 5.464,
                                    "t": 1705827600000
                                  },
                                  {
                                    "y": 5.307,
                                    "t": 1705831200000
                                  },
                                  {
                                    "y": 4.695,
                                    "t": 1705834800000
                                  },
                                  {
                                    "y": 4.66,
                                    "t": 1705838400000
                                  },
                                  {
                                    "y": 5.435,
                                    "t": 1705842000000
                                  },
                                  {
                                    "y": 6.474,
                                    "t": 1705845600000
                                  },
                                  {
                                    "y": 7.868,
                                    "t": 1705849200000
                                  },
                                  {
                                    "y": 8.198,
                                    "t": 1705852800000
                                  },
                                  {
                                    "y": 8.6,
                                    "t": 1705856400000
                                  },
                                  {
                                    "y": 8.216,
                                    "t": 1705860000000
                                  },
                                  {
                                    "y": 7.867,
                                    "t": 1705863600000
                                  },
                                  {
                                    "y": 6.409,
                                    "t": 1705867200000
                                  },
                                  {
                                    "y": 6.384,
                                    "t": 1705870800000
                                  },
                                  {
                                    "y": 5.868,
                                    "t": 1705874400000
                                  },
                                  {
                                    "y": 5.868,
                                    "t": 1705878000000
                                  }
                                ]
                              }
                            ]
                          }
                          

                          würde gerne mal verstehen wie ihr immer draufkommt wie man das aufsplittet und zuweist.
                          Das eine bei pv-forcast verstehe ich noch da sucht er immer die 2 zusammenpasssenden arrays anhand der index nummer. Aber wie kann ich das hier wieder aufspliten und dann zuweisen da alles immer in einem array ist und noch dazu als timestamp ?

                          Danke im voraus für eure geduld mit mit mir 😉

                          B Offline
                          B Offline
                          Blockmove
                          wrote on last edited by Blockmove
                          #561

                          @smilie108

                          Ich mach das einfach immer in einem Script in ioBroker.
                          Da spiel ich halt solange mit json.parse bis es passt. Immer schön der Struktur entlanghangeln und in einzelne Variablen zerlegen.
                          Am Schluß kann dann das dann in ein Statement zusammenpacken.

                          Das "t" sieht doch schon wie ein normaler Timestamp aus.

                          The difference beetween Man and Boys:
                          The price of their toys 😀

                          1 Reply Last reply
                          0
                          • B Offline
                            B Offline
                            Blockmove
                            wrote on last edited by
                            #562

                            Hallo Jochen,
                            ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
                            Als simples Beispiel wollte ich einfach eine Zahl addieren:

                            BindingAdd.png

                            Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
                            Subtraktion, Multiplikation, Division funktionieren wie erwartet.

                            webui Version 1.0.22

                            VG
                            Dieter

                            The difference beetween Man and Boys:
                            The price of their toys 😀

                            jogibear9988J 1 Reply Last reply
                            0
                            • B Blockmove

                              Hallo Jochen,
                              ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
                              Als simples Beispiel wollte ich einfach eine Zahl addieren:

                              BindingAdd.png

                              Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
                              Subtraktion, Multiplikation, Division funktionieren wie erwartet.

                              webui Version 1.0.22

                              VG
                              Dieter

                              jogibear9988J Offline
                              jogibear9988J Offline
                              jogibear9988
                              wrote on last edited by
                              #563

                              @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                              Hallo Jochen,
                              ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
                              Als simples Beispiel wollte ich einfach eine Zahl addieren:

                              BindingAdd.png

                              Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
                              Subtraktion, Multiplikation, Division funktionieren wie erwartet.

                              webui Version 1.0.22

                              VG
                              Dieter

                              geht bei mir genau so wie du es hier zeigst

                              Check my ioBroker webui - a vis alternative
                              see: https://github.com/iobroker-community-adapters/ioBroker.webui

                              B 1 Reply Last reply
                              0
                              • Smilie108S Smilie108

                                @Blockmove @jogibear9988
                                Hi Ihr
                                würde gerne verstehen wie ihr immer auf die formumla kommt für die auftrennung der daten
                                bin grad dabei das apg-info einzubinden.
                                Allerdings ist dort das arry anders aufgebiut wie bei der pv-forcast

                                {
                                  "graphs": [
                                    {
                                      "type": "line",
                                      "color": "gray",
                                      "line_steppedLine": true,
                                      "xAxis_timeFormats": {
                                        "hour": "HH"
                                      },
                                      "xAxis_time_unit": "hour",
                                      "yAxis_min": 0,
                                      "yAxis_max": 10,
                                      "datalabel_show": "auto",
                                      "datalabel_minDigits": 2,
                                      "datalabel_maxDigits": 2,
                                      "xAxis_bounds": "data",
                                      "line_pointSize": 5,
                                      "line_PointColor": "rgba(0, 0, 0, 0)",
                                      "datalabel_fontSize": 10,
                                      "datalabel_color": "black",
                                      "line_UseFillColor": true,
                                      "data": [
                                        {
                                          "y": 6.867,
                                          "t": 1705791600000
                                        },
                                        {
                                          "y": 5.783,
                                          "t": 1705795200000
                                        },
                                        {
                                          "y": 5.515,
                                          "t": 1705798800000
                                        },
                                        {
                                          "y": 5.089,
                                          "t": 1705802400000
                                        },
                                        {
                                          "y": 5.137,
                                          "t": 1705806000000
                                        },
                                        {
                                          "y": 5.501,
                                          "t": 1705809600000
                                        },
                                        {
                                          "y": 5.429,
                                          "t": 1705813200000
                                        },
                                        {
                                          "y": 6.005,
                                          "t": 1705816800000
                                        },
                                        {
                                          "y": 6.312,
                                          "t": 1705820400000
                                        },
                                        {
                                          "y": 5.876,
                                          "t": 1705824000000
                                        },
                                        {
                                          "y": 5.464,
                                          "t": 1705827600000
                                        },
                                        {
                                          "y": 5.307,
                                          "t": 1705831200000
                                        },
                                        {
                                          "y": 4.695,
                                          "t": 1705834800000
                                        },
                                        {
                                          "y": 4.66,
                                          "t": 1705838400000
                                        },
                                        {
                                          "y": 5.435,
                                          "t": 1705842000000
                                        },
                                        {
                                          "y": 6.474,
                                          "t": 1705845600000
                                        },
                                        {
                                          "y": 7.868,
                                          "t": 1705849200000
                                        },
                                        {
                                          "y": 8.198,
                                          "t": 1705852800000
                                        },
                                        {
                                          "y": 8.6,
                                          "t": 1705856400000
                                        },
                                        {
                                          "y": 8.216,
                                          "t": 1705860000000
                                        },
                                        {
                                          "y": 7.867,
                                          "t": 1705863600000
                                        },
                                        {
                                          "y": 6.409,
                                          "t": 1705867200000
                                        },
                                        {
                                          "y": 6.384,
                                          "t": 1705870800000
                                        },
                                        {
                                          "y": 5.868,
                                          "t": 1705874400000
                                        },
                                        {
                                          "y": 5.868,
                                          "t": 1705878000000
                                        }
                                      ]
                                    }
                                  ]
                                }
                                

                                würde gerne mal verstehen wie ihr immer draufkommt wie man das aufsplittet und zuweist.
                                Das eine bei pv-forcast verstehe ich noch da sucht er immer die 2 zusammenpasssenden arrays anhand der index nummer. Aber wie kann ich das hier wieder aufspliten und dann zuweisen da alles immer in einem array ist und noch dazu als timestamp ?

                                Danke im voraus für eure geduld mit mit mir 😉

                                jogibear9988J Offline
                                jogibear9988J Offline
                                jogibear9988
                                wrote on last edited by
                                #564

                                @smilie108

                                paste dein json hier:
                                https://jsonparser.org/

                                86956a81-5c8f-4b46-80b4-ba4c9839ffec-image.png

                                nun siehst auf deinen ersten node in data greifst du über

                                 graphs[0].data[0].y zu
                                

                                dies könntest nun in einer schleife machen:

                                  let result = [];
                                  for (let d of graphs[0].data) {
                                        result.push([d.y, d.ts])
                                 return result;
                                

                                geht aber natürlich auch so:

                                  graphs[0].data.map(d => ([d.y, d.ts]))
                                

                                Check my ioBroker webui - a vis alternative
                                see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                Smilie108S 1 Reply Last reply
                                0
                                • jogibear9988J jogibear9988

                                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                  Hallo Jochen,
                                  ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
                                  Als simples Beispiel wollte ich einfach eine Zahl addieren:

                                  BindingAdd.png

                                  Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
                                  Subtraktion, Multiplikation, Division funktionieren wie erwartet.

                                  webui Version 1.0.22

                                  VG
                                  Dieter

                                  geht bei mir genau so wie du es hier zeigst

                                  B Offline
                                  B Offline
                                  Blockmove
                                  wrote on last edited by
                                  #565

                                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                  Hallo Jochen,
                                  ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
                                  Als simples Beispiel wollte ich einfach eine Zahl addieren:

                                  BindingAdd.png

                                  Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
                                  Subtraktion, Multiplikation, Division funktionieren wie erwartet.

                                  webui Version 1.0.22

                                  VG
                                  Dieter

                                  geht bei mir genau so wie du es hier zeigst

                                  Bin nun dahintergekommen 😁

                                  Ich hab zum Testen mehrere Input-Felder für den gleichen Datenpunkt auf einem Screen

                                  BindingAddInput.png

                                  Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                                  The difference beetween Man and Boys:
                                  The price of their toys 😀

                                  jogibear9988J 1 Reply Last reply
                                  0
                                  • jogibear9988J jogibear9988

                                    @smilie108

                                    paste dein json hier:
                                    https://jsonparser.org/

                                    86956a81-5c8f-4b46-80b4-ba4c9839ffec-image.png

                                    nun siehst auf deinen ersten node in data greifst du über

                                     graphs[0].data[0].y zu
                                    

                                    dies könntest nun in einer schleife machen:

                                      let result = [];
                                      for (let d of graphs[0].data) {
                                            result.push([d.y, d.ts])
                                     return result;
                                    

                                    geht aber natürlich auch so:

                                      graphs[0].data.map(d => ([d.y, d.ts]))
                                    
                                    Smilie108S Offline
                                    Smilie108S Offline
                                    Smilie108
                                    wrote on last edited by Smilie108
                                    #566

                                    @jogibear9988 sagte in neue Visualisierung "webui" (alternative zu vis):

                                    graphs[0].data.map(d => ([d.y, d.ts]))

                                    danke mal grundsätzlich das glaub ich habe ich jetzt verstanden aber er akzeptiert die 0 nicht
                                    4732e2ea-fe64-4b12-b648-06171b4efd47-grafik.png
                                    9b2c06e1-5fc0-4ded-b075-e4bd173b26e6-grafik.png

                                    // Update
                                    Habs zusaammengebracht muss nun nur noch den ts in eine leesbare form bringen 😉
                                    Danke vorab mal glaub das hab ich ejtzt verstanden und @Blockmove jop im scripteditor ist das ganz praktisch mit den fehlermeldungen 😉

                                    1 Reply Last reply
                                    0
                                    • B Blockmove

                                      @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                      @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                      Hallo Jochen,
                                      ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
                                      Als simples Beispiel wollte ich einfach eine Zahl addieren:

                                      BindingAdd.png

                                      Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
                                      Subtraktion, Multiplikation, Division funktionieren wie erwartet.

                                      webui Version 1.0.22

                                      VG
                                      Dieter

                                      geht bei mir genau so wie du es hier zeigst

                                      Bin nun dahintergekommen 😁

                                      Ich hab zum Testen mehrere Input-Felder für den gleichen Datenpunkt auf einem Screen

                                      BindingAddInput.png

                                      Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                                      jogibear9988J Offline
                                      jogibear9988J Offline
                                      jogibear9988
                                      wrote on last edited by
                                      #567

                                      @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                      @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                      @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                      Hallo Jochen,
                                      ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
                                      Als simples Beispiel wollte ich einfach eine Zahl addieren:

                                      BindingAdd.png

                                      Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
                                      Subtraktion, Multiplikation, Division funktionieren wie erwartet.

                                      webui Version 1.0.22

                                      VG
                                      Dieter

                                      geht bei mir genau so wie du es hier zeigst

                                      Bin nun dahintergekommen 😁

                                      Ich hab zum Testen mehrere Input-Felder für den gleichen Datenpunkt auf einem Screen

                                      BindingAddInput.png

                                      Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                                      versteh ich nicht, wieso macht es mit mehreren probleme?
                                      Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

                                      Check my ioBroker webui - a vis alternative
                                      see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                      B 1 Reply Last reply
                                      0
                                      • jogibear9988J jogibear9988

                                        @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                        @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                        @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                        Hallo Jochen,
                                        ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
                                        Als simples Beispiel wollte ich einfach eine Zahl addieren:

                                        BindingAdd.png

                                        Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
                                        Subtraktion, Multiplikation, Division funktionieren wie erwartet.

                                        webui Version 1.0.22

                                        VG
                                        Dieter

                                        geht bei mir genau so wie du es hier zeigst

                                        Bin nun dahintergekommen 😁

                                        Ich hab zum Testen mehrere Input-Felder für den gleichen Datenpunkt auf einem Screen

                                        BindingAddInput.png

                                        Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                                        versteh ich nicht, wieso macht es mit mehreren probleme?
                                        Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

                                        B Offline
                                        B Offline
                                        Blockmove
                                        wrote on last edited by
                                        #568

                                        @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                        Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                                        versteh ich nicht, wieso macht es mit mehreren probleme?
                                        Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

                                        Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

                                        The difference beetween Man and Boys:
                                        The price of their toys 😀

                                        jogibear9988J 1 Reply Last reply
                                        0
                                        • B Blockmove

                                          @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                          Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                                          versteh ich nicht, wieso macht es mit mehreren probleme?
                                          Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

                                          Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

                                          jogibear9988J Offline
                                          jogibear9988J Offline
                                          jogibear9988
                                          wrote on last edited by
                                          #569

                                          @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                          @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                          Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                                          versteh ich nicht, wieso macht es mit mehreren probleme?
                                          Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

                                          Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

                                          kannst mir das in einen screen auf dem beisielserver packen? dann schau ich

                                          Check my ioBroker webui - a vis alternative
                                          see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                          B 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          613

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe