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

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    219

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

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

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

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

Scheduled Pinned Locked Moved Visualisierung
1.1k Posts 21 Posters 347.7k 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.
  • jogibear9988J Offline
    jogibear9988J Offline
    jogibear9988
    wrote on last edited by
    #501

    Bei den Controls muss ich vlt- noch was einbauen, da ersetze ich nun Leerzeichen und Großbuchstaben durch dashes (für die HTML Tags), da HTML Tags nur lowercase sind. Ich muss aber eig. alle Sonderzeichen ersetzen, das ist im Moment noch nicht drin.

    Aber wer meint sein Control "$super%control!" nennen zu müssen, hat eben pech.

    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
      #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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          52

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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