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.1k

  • 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.
  • Smilie108S Offline
    Smilie108S Offline
    Smilie108
    wrote on last edited by
    #502

    @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 ?

    jogibear9988J 1 Reply Last reply
    0
    • Smilie108S Smilie108

      @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 ?

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

      @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?

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

      Smilie108S B 2 Replies Last reply
      0
      • jogibear9988J 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?

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

        @jogibear9988
        Ich kann da nichts

        jogibear9988J 1 Reply Last reply
        0
        • Smilie108S Smilie108

          @jogibear9988
          Ich kann da nichts

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

          @smilie108

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

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

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

            probiers nochmal, hab was umgestellt

            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
              #507

              @jogibear9988
              Nein kann footer erstellen lach
              bin dort auch smilie108

              Smilie108S 1 Reply Last reply
              0
              • Smilie108S Smilie108

                @jogibear9988
                Nein kann footer erstellen lach
                bin dort auch smilie108

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

                @jogibear9988
                jetzt gehts

                B 1 Reply Last reply
                0
                • Smilie108S Smilie108

                  @jogibear9988
                  jetzt gehts

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

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

                  @jogibear9988
                  jetzt gehts

                  Bei mir klappt es auch

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

                  1 Reply Last reply
                  0
                  • jogibear9988J 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?

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

                    @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.

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

                    jogibear9988J 1 Reply Last reply
                    0
                    • B Blockmove

                      @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.

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

                      @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

                      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

                        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 Offline
                        B Offline
                        Blockmove
                        wrote on last edited by
                        #512

                        @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?

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

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

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

                          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

                            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?

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

                            @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. 🙂

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

                            1 Reply Last reply
                            2
                            • Smilie108S Offline
                              Smilie108S Offline
                              Smilie108
                              wrote on last edited by
                              #515

                              @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 😉

                              jogibear9988J 1 Reply Last reply
                              0
                              • Smilie108S Smilie108

                                @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 😉

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

                                @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"

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

                                Smilie108S jogibear9988J 2 Replies Last reply
                                0
                                • jogibear9988J jogibear9988

                                  @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"

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

                                  @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
                                  0
                                  • Smilie108S Smilie108

                                    @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 Offline
                                    B Offline
                                    Blockmove
                                    wrote on last edited by
                                    #518

                                    @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.

                                    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
                                      #519

                                      @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

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

                                      jogibear9988J 1 Reply Last reply
                                      0
                                      • jogibear9988J jogibear9988

                                        @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"

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

                                        @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

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

                                        Smilie108S 1 Reply Last reply
                                        1
                                        • B Blockmove

                                          @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

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

                                          @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

                                          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

                                          571

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          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