Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Vorlage] Google Charts Beispiel

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

[Vorlage] Google Charts Beispiel

Scheduled Pinned Locked Moved Visualisierung
vis
50 Posts 11 Posters 8.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.
  • NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    wrote on last edited by
    #38

    @Mic

    kann es sein, dass durch den 29. Februar das Script aus der Bahn geworfen wurde?

    Ist mir heute aufgefallen.
    Das Script rechnet heute als Mittwoch, anstatt Donnerstag.

    vis (1).png

    ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
    ° Node.js Fixer ---> iob nodejs-update
    ° Fixer ---> iob fix

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

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

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

      NegaleinN 1 Reply Last reply
      0
      • 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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
        ° Node.js Fixer ---> iob nodejs-update
        ° 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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
            ° Node.js Fixer ---> iob nodejs-update
            ° 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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                ° Node.js Fixer ---> iob nodejs-update
                ° 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 :sunglasses:

                  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 :sunglasses:

                    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 :sunglasses:

                    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 1 Reply Last reply
                    0
                    • ScroungerS Scrounger

                      @Mic sagte in [Vorlage] Google Charts Beispiel:

                      @Negalein
                      Super, so soll das sein :sunglasses:

                      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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                        ° Node.js Fixer ---> iob nodejs-update
                        ° 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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                            ° Node.js Fixer ---> iob nodejs-update
                            ° Fixer ---> iob fix

                            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

                            365

                            Online

                            32.6k

                            Users

                            82.3k

                            Topics

                            1.3m

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

                            • Don't have an account? Register

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