Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. neue Visualisierung "webui" (alternative zu vis & vis-2)

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • Smilie108
      Smilie108 last edited by

      @jogibear9988
      Mir wäre das eigentlich egal gewesen mann muss es nur wissen weil es halt bis jetzt so ging 😉
      Aber wie @Blockmove schon sagte Regeln sollte es geben sonst wenn das in die breite geht sich keiner mehr auskennt.
      Sollten wir eventuel ein wiki einrichten und schreiben ? mit den Regeln bzw tipps ?

      jogibear9988 1 Reply Last reply Reply Quote 0
      • jogibear9988
        jogibear9988 @Smilie108 last edited by jogibear9988

        @smilie108

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

        @jogibear9988
        Mir wäre das eigentlich egal gewesen mann muss es nur wissen weil es halt bis jetzt so ging 😉
        Aber wie @Blockmove schon sagte Regeln sollte es geben sonst wenn das in die breite geht sich keiner mehr auskennt.
        Sollten wir eventuel ein wiki einrichten und schreiben ? mit den Regeln bzw tipps ?

        gerne, wenn Ihr Zeit dafür habt:

        https://github.com/iobroker-community-adapters/ioBroker.webui/wiki

        könnt Ihr da was bearbeiten? Oder muss ich euch hinzufügen?

        Smilie108 B 2 Replies Last reply Reply Quote 0
        • Smilie108
          Smilie108 @jogibear9988 last edited by

          @jogibear9988
          Ich kann da nichts

          jogibear9988 1 Reply Last reply Reply Quote 0
          • jogibear9988
            jogibear9988 @Smilie108 last edited by

            @smilie108

            dann brauchst n github account, schickst mir den namen und ich schalte dich frei

            1 Reply Last reply Reply Quote 0
            • jogibear9988
              jogibear9988 last edited by

              probiers nochmal, hab was umgestellt

              1 Reply Last reply Reply Quote 0
              • Smilie108
                Smilie108 last edited by

                @jogibear9988
                Nein kann footer erstellen lach
                bin dort auch smilie108

                Smilie108 1 Reply Last reply Reply Quote 0
                • Smilie108
                  Smilie108 @Smilie108 last edited by

                  @jogibear9988
                  jetzt gehts

                  B 1 Reply Last reply Reply Quote 0
                  • B
                    Blockmove @Smilie108 last edited by

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

                    @jogibear9988
                    jetzt gehts

                    Bei mir klappt es auch

                    1 Reply Last reply Reply Quote 0
                    • B
                      Blockmove @jogibear9988 last edited by

                      @jogibear9988

                      Hallo Jochen,
                      ist es sinnvoll das wiki in Englisch zu machen?
                      Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

                      jogibear9988 1 Reply Last reply Reply Quote 0
                      • jogibear9988
                        jogibear9988 @Blockmove last edited by jogibear9988

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

                        @jogibear9988

                        Hallo Jochen,
                        ist es sinnvoll das wiki in Englisch zu machen?
                        Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

                        kp. könnt ihr entscheiden, können ja ein deutschsprachiges machen und mit chatgpt übersetzen.
                        Da kommt eig. qualtativ gutes englisch bei raus

                        B 1 Reply Last reply Reply Quote 0
                        • B
                          Blockmove @jogibear9988 last edited by

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

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

                          @jogibear9988

                          Hallo Jochen,
                          ist es sinnvoll das wiki in Englisch zu machen?
                          Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

                          kp. könnt ihr entscheiden, können ja ein deutschsprachiges machen und mit chatgpt übersetzen.
                          Da kommt eig. qualtativ gutes englisch bei raus

                          An sowas in der Art dachte ich auch.
                          Die Übersetzer sind bei IT-Themen wirklich nicht schlecht.
                          Also starten wir mal in Deutsch?

                          jogibear9988 1 Reply Last reply Reply Quote 0
                          • Smilie108
                            Smilie108 last edited by

                            @blockmove
                            von mir aus gerne.
                            Denke auch das die meisten User Deutschsprachig sind übersetzten können wir immer noch

                            1 Reply Last reply Reply Quote 0
                            • jogibear9988
                              jogibear9988 @Blockmove last edited by

                              @blockmove

                              ja, hab mal ne startseite usw angefangen.

                              Bitte die Seiten englisch benenen mit DE: prefix

                              Ich hab die Bindings Seite mal von ChatGPT nach deutsch übersetzen lassen. 🙂

                              1 Reply Last reply Reply Quote 2
                              • Smilie108
                                Smilie108 last edited by

                                @Blockmove
                                Kann man den graph aus pvvorcast

                                {
                                  "graphs": [
                                    {
                                      "data": [
                                        0.962,
                                        1.732,
                                        2.449,
                                        3.086,
                                        3.623,
                                        4.048,
                                        4.242,
                                        4.527,
                                        4.559,
                                        4.425,
                                        4.095,
                                        3.475,
                                        1.691,
                                        0.019,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0.031,
                                        0.152,
                                        0.28,
                                        0.398,
                                        0.476,
                                        0.518,
                                        0.522,
                                        0.518,
                                        0.507,
                                        0.482,
                                        0.441,
                                        0.367,
                                        0.257,
                                        0.144,
                                        0.05,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0,
                                        0.021,
                                        0.05,
                                        0.104,
                                        0.24
                                      ],
                                      "type": "bar",
                                      "legendText": "Total",
                                      "displayOrder": 1,
                                      "color": "#000000",
                                      "tooltip_AppendText": "kW",
                                      "datalabel_show": true,
                                      "datalabel_rotation": 270,
                                      "datalabel_color": "#cccccc",
                                      "datalabel_fontSize": 12,
                                      "yAxis_id": 0,
                                      "yAxis_position": "left",
                                      "yAxis_show": true,
                                      "yAxis_appendix": "kW",
                                      "yAxis_step": 1,
                                      "yAxis_max": 7,
                                      "yAxis_maximumDigits": 3
                                    }
                                  ],
                                  "axisLabels": [
                                    "14.01. 10:30",
                                    "14.01. 11:00",
                                    "14.01. 11:30",
                                    "14.01. 12:00",
                                    "14.01. 12:30",
                                    "14.01. 13:00",
                                    "14.01. 13:30",
                                    "14.01. 14:00",
                                    "14.01. 14:30",
                                    "14.01. 15:00",
                                    "14.01. 15:30",
                                    "14.01. 16:00",
                                    "14.01. 16:30",
                                    "14.01. 17:00",
                                    "14.01. 17:30",
                                    "14.01. 18:00",
                                    "14.01. 18:30",
                                    "14.01. 19:00",
                                    "14.01. 19:30",
                                    "14.01. 20:00",
                                    "14.01. 20:30",
                                    "14.01. 21:00",
                                    "14.01. 21:30",
                                    "15.01. 06:00",
                                    "15.01. 06:30",
                                    "15.01. 07:00",
                                    "15.01. 07:30",
                                    "15.01. 08:00",
                                    "15.01. 08:30",
                                    "15.01. 09:00",
                                    "15.01. 09:30",
                                    "15.01. 10:00",
                                    "15.01. 10:30",
                                    "15.01. 11:00",
                                    "15.01. 11:30",
                                    "15.01. 12:00",
                                    "15.01. 12:30",
                                    "15.01. 13:00",
                                    "15.01. 13:30",
                                    "15.01. 14:00",
                                    "15.01. 14:30",
                                    "15.01. 15:00",
                                    "15.01. 15:30",
                                    "15.01. 16:00",
                                    "15.01. 16:30",
                                    "15.01. 17:00",
                                    "15.01. 17:30",
                                    "15.01. 18:00",
                                    "15.01. 18:30",
                                    "15.01. 19:00",
                                    "15.01. 19:30",
                                    "15.01. 20:00",
                                    "15.01. 20:30",
                                    "15.01. 21:00",
                                    "15.01. 21:30",
                                    "16.01. 06:00",
                                    "16.01. 06:30",
                                    "16.01. 07:00",
                                    "16.01. 07:30",
                                    "16.01. 08:00",
                                    "16.01. 08:30",
                                    "16.01. 09:00",
                                    "16.01. 09:30",
                                    "16.01. 10:00",
                                    "16.01. 10:30"
                                  ]
                                }
                                

                                Eigentlich mit stadartmitteln in eine graphische ansicht wandeln?
                                muss ich da was beachten ?
                                bei vis gabs dafür die vom material desinge den json-chart der das konnte. steh grad mal wieder am schlauch versuche das ganze möglichst ohne umbauten zu übernehmen 😉

                                jogibear9988 1 Reply Last reply Reply Quote 0
                                • jogibear9988
                                  jogibear9988 @Smilie108 last edited by

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

                                  @Blockmove
                                  Kann man den graph aus pvvorcast

                                  {
                                    "graphs": [
                                      {
                                        "data": [
                                          0.962,
                                          1.732,
                                          2.449,
                                          3.086,
                                          3.623,
                                          4.048,
                                          4.242,
                                          4.527,
                                          4.559,
                                          4.425,
                                          4.095,
                                          3.475,
                                          1.691,
                                          0.019,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0.031,
                                          0.152,
                                          0.28,
                                          0.398,
                                          0.476,
                                          0.518,
                                          0.522,
                                          0.518,
                                          0.507,
                                          0.482,
                                          0.441,
                                          0.367,
                                          0.257,
                                          0.144,
                                          0.05,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0,
                                          0.021,
                                          0.05,
                                          0.104,
                                          0.24
                                        ],
                                        "type": "bar",
                                        "legendText": "Total",
                                        "displayOrder": 1,
                                        "color": "#000000",
                                        "tooltip_AppendText": "kW",
                                        "datalabel_show": true,
                                        "datalabel_rotation": 270,
                                        "datalabel_color": "#cccccc",
                                        "datalabel_fontSize": 12,
                                        "yAxis_id": 0,
                                        "yAxis_position": "left",
                                        "yAxis_show": true,
                                        "yAxis_appendix": "kW",
                                        "yAxis_step": 1,
                                        "yAxis_max": 7,
                                        "yAxis_maximumDigits": 3
                                      }
                                    ],
                                    "axisLabels": [
                                      "14.01. 10:30",
                                      "14.01. 11:00",
                                      "14.01. 11:30",
                                      "14.01. 12:00",
                                      "14.01. 12:30",
                                      "14.01. 13:00",
                                      "14.01. 13:30",
                                      "14.01. 14:00",
                                      "14.01. 14:30",
                                      "14.01. 15:00",
                                      "14.01. 15:30",
                                      "14.01. 16:00",
                                      "14.01. 16:30",
                                      "14.01. 17:00",
                                      "14.01. 17:30",
                                      "14.01. 18:00",
                                      "14.01. 18:30",
                                      "14.01. 19:00",
                                      "14.01. 19:30",
                                      "14.01. 20:00",
                                      "14.01. 20:30",
                                      "14.01. 21:00",
                                      "14.01. 21:30",
                                      "15.01. 06:00",
                                      "15.01. 06:30",
                                      "15.01. 07:00",
                                      "15.01. 07:30",
                                      "15.01. 08:00",
                                      "15.01. 08:30",
                                      "15.01. 09:00",
                                      "15.01. 09:30",
                                      "15.01. 10:00",
                                      "15.01. 10:30",
                                      "15.01. 11:00",
                                      "15.01. 11:30",
                                      "15.01. 12:00",
                                      "15.01. 12:30",
                                      "15.01. 13:00",
                                      "15.01. 13:30",
                                      "15.01. 14:00",
                                      "15.01. 14:30",
                                      "15.01. 15:00",
                                      "15.01. 15:30",
                                      "15.01. 16:00",
                                      "15.01. 16:30",
                                      "15.01. 17:00",
                                      "15.01. 17:30",
                                      "15.01. 18:00",
                                      "15.01. 18:30",
                                      "15.01. 19:00",
                                      "15.01. 19:30",
                                      "15.01. 20:00",
                                      "15.01. 20:30",
                                      "15.01. 21:00",
                                      "15.01. 21:30",
                                      "16.01. 06:00",
                                      "16.01. 06:30",
                                      "16.01. 07:00",
                                      "16.01. 07:30",
                                      "16.01. 08:00",
                                      "16.01. 08:30",
                                      "16.01. 09:00",
                                      "16.01. 09:30",
                                      "16.01. 10:00",
                                      "16.01. 10:30"
                                    ]
                                  }
                                  

                                  Eigentlich mit stadartmitteln in eine graphische ansicht wandeln?
                                  muss ich da was beachten ?
                                  bei vis gabs dafür die vom material desinge den json-chart der das konnte. steh grad mal wieder am schlauch versuche das ganze möglichst ohne umbauten zu übernehmen 😉

                                  screen "chart sample"

                                  Smilie108 jogibear9988 2 Replies Last reply Reply Quote 0
                                  • Smilie108
                                    Smilie108 @jogibear9988 last edited by

                                    @jogibear9988
                                    Sorry so geht das leider nicht ich glaub ich muss mich jetzt doch mal mit diesem parse beschäftigen.
                                    Eigentlich ist es schon extrem wenn man mal ca 5 jahre nix mehr mit html usw macht wieviel man da vergisst schande
                                    muss ich mir morgen mal anschen für heute gute nacht bin noch nicht ganz fit aber morgen ruft die arbeit 😉

                                    B 1 Reply Last reply Reply Quote 0
                                    • B
                                      Blockmove @Smilie108 last edited by

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

                                      @jogibear9988
                                      Sorry so geht das leider nicht ich glaub ich muss mich jetzt doch mal mit diesem parse beschäftigen.
                                      Eigentlich ist es schon extrem wenn man mal ca 5 jahre nix mehr mit html usw macht wieviel man da vergisst schande
                                      muss ich mir morgen mal anschen für heute gute nacht bin noch nicht ganz fit aber morgen ruft die arbeit 😉

                                      Zum Spielen mit JSON.parse und map nutz ich immer ein normales ioBroker-Script. Da hast du bessere Debug-Möglichkeit.
                                      Den Chart hab ich noch nie verwendet. Da muß ich auch mal schauen.

                                      1 Reply Last reply Reply Quote 0
                                      • B
                                        Blockmove last edited by

                                        @jogibear9988

                                        Hallo Jochen,
                                        ich wollte gerade das node-projects Package installieren und hab dabei festgestellt, dass ich keine Packages mehr installieren kann. Das Kontextmenu mit "Install Package" öffnet sich nicht.
                                        webui-Version 1.0.15

                                        VG
                                        Dieter

                                        jogibear9988 1 Reply Last reply Reply Quote 0
                                        • jogibear9988
                                          jogibear9988 @jogibear9988 last edited by jogibear9988

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

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

                                          @Blockmove
                                          Kann man den graph aus pvvorcast

                                          {
                                            "graphs": [
                                              {
                                                "data": [
                                                  0.962,
                                                  1.732,
                                                  2.449,
                                                  3.086,
                                                  3.623,
                                                  4.048,
                                                  4.242,
                                                  4.527,
                                                  4.559,
                                                  4.425,
                                                  4.095,
                                                  3.475,
                                                  1.691,
                                                  0.019,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0.031,
                                                  0.152,
                                                  0.28,
                                                  0.398,
                                                  0.476,
                                                  0.518,
                                                  0.522,
                                                  0.518,
                                                  0.507,
                                                  0.482,
                                                  0.441,
                                                  0.367,
                                                  0.257,
                                                  0.144,
                                                  0.05,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0,
                                                  0.021,
                                                  0.05,
                                                  0.104,
                                                  0.24
                                                ],
                                                "type": "bar",
                                                "legendText": "Total",
                                                "displayOrder": 1,
                                                "color": "#000000",
                                                "tooltip_AppendText": "kW",
                                                "datalabel_show": true,
                                                "datalabel_rotation": 270,
                                                "datalabel_color": "#cccccc",
                                                "datalabel_fontSize": 12,
                                                "yAxis_id": 0,
                                                "yAxis_position": "left",
                                                "yAxis_show": true,
                                                "yAxis_appendix": "kW",
                                                "yAxis_step": 1,
                                                "yAxis_max": 7,
                                                "yAxis_maximumDigits": 3
                                              }
                                            ],
                                            "axisLabels": [
                                              "14.01. 10:30",
                                              "14.01. 11:00",
                                              "14.01. 11:30",
                                              "14.01. 12:00",
                                              "14.01. 12:30",
                                              "14.01. 13:00",
                                              "14.01. 13:30",
                                              "14.01. 14:00",
                                              "14.01. 14:30",
                                              "14.01. 15:00",
                                              "14.01. 15:30",
                                              "14.01. 16:00",
                                              "14.01. 16:30",
                                              "14.01. 17:00",
                                              "14.01. 17:30",
                                              "14.01. 18:00",
                                              "14.01. 18:30",
                                              "14.01. 19:00",
                                              "14.01. 19:30",
                                              "14.01. 20:00",
                                              "14.01. 20:30",
                                              "14.01. 21:00",
                                              "14.01. 21:30",
                                              "15.01. 06:00",
                                              "15.01. 06:30",
                                              "15.01. 07:00",
                                              "15.01. 07:30",
                                              "15.01. 08:00",
                                              "15.01. 08:30",
                                              "15.01. 09:00",
                                              "15.01. 09:30",
                                              "15.01. 10:00",
                                              "15.01. 10:30",
                                              "15.01. 11:00",
                                              "15.01. 11:30",
                                              "15.01. 12:00",
                                              "15.01. 12:30",
                                              "15.01. 13:00",
                                              "15.01. 13:30",
                                              "15.01. 14:00",
                                              "15.01. 14:30",
                                              "15.01. 15:00",
                                              "15.01. 15:30",
                                              "15.01. 16:00",
                                              "15.01. 16:30",
                                              "15.01. 17:00",
                                              "15.01. 17:30",
                                              "15.01. 18:00",
                                              "15.01. 18:30",
                                              "15.01. 19:00",
                                              "15.01. 19:30",
                                              "15.01. 20:00",
                                              "15.01. 20:30",
                                              "15.01. 21:00",
                                              "15.01. 21:30",
                                              "16.01. 06:00",
                                              "16.01. 06:30",
                                              "16.01. 07:00",
                                              "16.01. 07:30",
                                              "16.01. 08:00",
                                              "16.01. 08:30",
                                              "16.01. 09:00",
                                              "16.01. 09:30",
                                              "16.01. 10:00",
                                              "16.01. 10:30"
                                            ]
                                          }
                                          

                                          Eigentlich mit stadartmitteln in eine graphische ansicht wandeln?
                                          muss ich da was beachten ?
                                          bei vis gabs dafür die vom material desinge den json-chart der das konnte. steh grad mal wieder am schlauch versuche das ganze möglichst ohne umbauten zu übernehmen 😉

                                          screen "chart sample"

                                          schau dir den screen "chart sample2" an, füg deine daten in die textarea ein, und verlasse sie (die daten werden bei lost focus -> change übernommen)

                                          461f0eb2-6623-4a38-86f6-1cf7afcebb5f-image.png

                                          d7efd71e-e6ea-4e87-bfa5-47bbaab4d387-image.png

                                          Smilie108 1 Reply Last reply Reply Quote 1
                                          • jogibear9988
                                            jogibear9988 @Blockmove last edited by

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

                                            @jogibear9988

                                            Hallo Jochen,
                                            ich wollte gerade das node-projects Package installieren und hab dabei festgestellt, dass ich keine Packages mehr installieren kann. Das Kontextmenu mit "Install Package" öffnet sich nicht.
                                            webui-Version 1.0.15

                                            VG
                                            Dieter

                                            ???

                                            geht bei mir:

                                            21c05e4a-a15e-42eb-9cb1-ebfe7b18ca89-image.png

                                            B 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            20
                                            1074
                                            230955
                                            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