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. [Vorlage] Google Charts Beispiel

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

[Vorlage] Google Charts Beispiel

Scheduled Pinned Locked Moved Visualisierung
vis
50 Posts 11 Posters 7.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.
  • MicM Mic

    @Negalein
    Seltsam, bei mir nicht der Fall:
    aaaaaaaaa.png

    Liegt es evtl. an deinem Linux-System, welches das nicht erkennt?

    NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    wrote on last edited by
    #40

    @Mic sagte in [Vorlage] Google Charts Beispiel:

    Liegt es evtl. an deinem Linux-System, welches das nicht erkennt?

    Nein, da wird es richtig angezeigt.
    Synology_Nega_3 - Synology DiskStation (1).png
    Auch das Date-Widget im ioBroker zeigt es richtig an.
    vis (2).png
    Der Fehler ist nur bei dem GoogleChart.

    ° Node.js: 20.17.0 NPM: 10.8.2
    ° Proxmox, Ubuntu 22.04.3 LTS
    ° Fixer ---> iob fix

    MicM 1 Reply Last reply
    0
    • NegaleinN Negalein

      @Mic sagte in [Vorlage] Google Charts Beispiel:

      Liegt es evtl. an deinem Linux-System, welches das nicht erkennt?

      Nein, da wird es richtig angezeigt.
      Synology_Nega_3 - Synology DiskStation (1).png
      Auch das Date-Widget im ioBroker zeigt es richtig an.
      vis (2).png
      Der Fehler ist nur bei dem GoogleChart.

      MicM Offline
      MicM Offline
      Mic
      Developer
      wrote on last edited by
      #41

      @Negalein
      kann ich leider nicht reproduzieren bei mir....

      NegaleinN 1 Reply Last reply
      0
      • MicM Mic

        @Negalein
        kann ich leider nicht reproduzieren bei mir....

        NegaleinN Offline
        NegaleinN Offline
        Negalein
        Global Moderator
        wrote on last edited by
        #42

        @Mic sagte in [Vorlage] Google Charts Beispiel:

        kann ich leider nicht reproduzieren bei mir....

        hab gerade gesehen, dass es eine 0.2 gibt.

        Die teste ich jetzt mal.

        ° Node.js: 20.17.0 NPM: 10.8.2
        ° Proxmox, Ubuntu 22.04.3 LTS
        ° Fixer ---> iob fix

        1 Reply Last reply
        0
        • MicM Offline
          MicM Offline
          Mic
          Developer
          wrote on last edited by Mic
          #43

          @Negalein
          Schau auch mal, ob die erzeugte HTML wirklich aktualisiert wird.

          NegaleinN 1 Reply Last reply
          0
          • MicM Mic

            @Negalein
            Schau auch mal, ob die erzeugte HTML wirklich aktualisiert wird.

            NegaleinN Offline
            NegaleinN Offline
            Negalein
            Global Moderator
            wrote on last edited by
            #44

            @Mic sagte in [Vorlage] Google Charts Beispiel:

            Schau auch mal, ob die erzeugte HTML wirklich aktualisiert wird.

            läuft wieder! 🙂

            ° Node.js: 20.17.0 NPM: 10.8.2
            ° Proxmox, Ubuntu 22.04.3 LTS
            ° Fixer ---> iob fix

            MicM 1 Reply Last reply
            0
            • NegaleinN Negalein

              @Mic sagte in [Vorlage] Google Charts Beispiel:

              Schau auch mal, ob die erzeugte HTML wirklich aktualisiert wird.

              läuft wieder! 🙂

              MicM Offline
              MicM Offline
              Mic
              Developer
              wrote on last edited by
              #45

              @Negalein
              Super, so soll das sein 😎

              Ich überlege gerade, ob man nicht auch das "Line History Chart" vom Materials Design Widget Adapter von @Scrounger nutzen könnte alternativ. Also noch zu prüfen, ob das Widghet ausschließlich "History"-Datenpunkte akzeptiert oder auch eigene zur Darstellung.

              ScroungerS 1 Reply Last reply
              0
              • MicM Mic

                @Negalein
                Super, so soll das sein 😎

                Ich überlege gerade, ob man nicht auch das "Line History Chart" vom Materials Design Widget Adapter von @Scrounger nutzen könnte alternativ. Also noch zu prüfen, ob das Widghet ausschließlich "History"-Datenpunkte akzeptiert oder auch eigene zur Darstellung.

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                wrote on last edited by
                #46

                @Mic sagte in [Vorlage] Google Charts Beispiel:

                @Negalein
                Super, so soll das sein 😎

                Ich überlege gerade, ob man nicht auch das "Line History Chart" vom Materials Design Widget Adapter von @Scrounger nutzen könnte alternativ. Also noch zu prüfen, ob das Widghet ausschließlich "History"-Datenpunkte akzeptiert oder auch eigene zur Darstellung.

                Das Widget funktioniert ausschließlich mit einer History Instanz. Die verwendet API lässt aber zu, dass man auch z.b. ein Array mit Werten verarbeiten kann. Das müsste ich aber extra implementieren. Schreibt mal nen Issue bei github dazu und ich schau mal wie groß der aufwand ist.

                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                MicM 1 Reply Last reply
                0
                • ScroungerS Scrounger

                  @Mic sagte in [Vorlage] Google Charts Beispiel:

                  @Negalein
                  Super, so soll das sein 😎

                  Ich überlege gerade, ob man nicht auch das "Line History Chart" vom Materials Design Widget Adapter von @Scrounger nutzen könnte alternativ. Also noch zu prüfen, ob das Widghet ausschließlich "History"-Datenpunkte akzeptiert oder auch eigene zur Darstellung.

                  Das Widget funktioniert ausschließlich mit einer History Instanz. Die verwendet API lässt aber zu, dass man auch z.b. ein Array mit Werten verarbeiten kann. Das müsste ich aber extra implementieren. Schreibt mal nen Issue bei github dazu und ich schau mal wie groß der aufwand ist.

                  MicM Offline
                  MicM Offline
                  Mic
                  Developer
                  wrote on last edited by
                  #47

                  @Scrounger sagte in [Vorlage] Google Charts Beispiel:

                  Das Widget funktioniert ausschließlich mit einer History Instanz. Die verwendet API lässt aber zu, dass man auch z.b. ein Array mit Werten verarbeiten kann. Das müsste ich aber extra implementieren. Schreibt mal nen Issue bei github dazu und ich schau mal wie groß der aufwand ist.

                  Vielen Dank. Issue habe ich eben gemacht: https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/67

                  1 Reply Last reply
                  0
                  • NegaleinN Offline
                    NegaleinN Offline
                    Negalein
                    Global Moderator
                    wrote on last edited by
                    #48

                    @Mic

                    wie kann ich im Script die blaue Linie anders einfärben?

                    ° Node.js: 20.17.0 NPM: 10.8.2
                    ° Proxmox, Ubuntu 22.04.3 LTS
                    ° Fixer ---> iob fix

                    MicM 1 Reply Last reply
                    0
                    • NegaleinN Negalein

                      @Mic

                      wie kann ich im Script die blaue Linie anders einfärben?

                      MicM Offline
                      MicM Offline
                      Mic
                      Developer
                      wrote on last edited by
                      #49

                      @Negalein
                      Siehe hier: https://developers.google.com/chart/interactive/docs/lines#:~:text=You can change the color,color of each series explicitly.

                      Im Script suchen nach:
                      html += "var options = {\n";

                      Direkt darunter einfügen:
                      html += " colors: ['yellow', 'green'],\n";

                      "yellow" und "green" entsprechend anpassen, z.B.
                      html += " colors: ['#ffffff', '#cccccc'],\n";

                      NegaleinN 1 Reply Last reply
                      0
                      • MicM Mic

                        @Negalein
                        Siehe hier: https://developers.google.com/chart/interactive/docs/lines#:~:text=You can change the color,color of each series explicitly.

                        Im Script suchen nach:
                        html += "var options = {\n";

                        Direkt darunter einfügen:
                        html += " colors: ['yellow', 'green'],\n";

                        "yellow" und "green" entsprechend anpassen, z.B.
                        html += " colors: ['#ffffff', '#cccccc'],\n";

                        NegaleinN Offline
                        NegaleinN Offline
                        Negalein
                        Global Moderator
                        wrote on last edited by
                        #50

                        @Mic sagte in [Vorlage] Google Charts Beispiel:

                        Direkt darunter einfügen:

                        Perfekt
                        Danke

                        vis (4).png

                        ° Node.js: 20.17.0 NPM: 10.8.2
                        ° Proxmox, Ubuntu 22.04.3 LTS
                        ° Fixer ---> iob fix

                        1 Reply Last reply
                        0
                        • NegaleinN Negalein referenced this topic
                        Reply
                        • Reply as topic
                        Log in to reply
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        751

                        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