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
      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
                                  • 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,
                                    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

                                    War es nicht in den vorherigen Versionen so, dass man bei Suggestions mit Rechtsklick auf ein Package (z.B. material/web) das Package dann installieren konnte?

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

                                      @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

                                      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

                                      War es nicht in den vorherigen Versionen so, dass man bei Suggestions mit Rechtsklick auf ein Package (z.B. material/web) das Package dann installieren konnte?

                                      nö, einfach doppelklicken

                                      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 said in neue Visualisierung "webui" (alternative zu vis):

                                        @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

                                        War es nicht in den vorherigen Versionen so, dass man bei Suggestions mit Rechtsklick auf ein Package (z.B. material/web) das Package dann installieren konnte?

                                        nö, einfach doppelklicken

                                        Hab's mal im Wiki notiert.

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

                                          @jogibear9988 DANKE 😉

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

                                            Hab grad noch .16 freigegeben, nun sollte das drag/drop auf nicht aufgeklappte treenodes funktionieren

                                            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
                                            230968
                                            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