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

  • 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.
  • MicM Mic

    @lastyle
    Setze mal im Script const LOG_DEBUG = false; auf const LOG_DEBUG = true;.
    Dann Log-Ausgabe hier posten. Aber nicht vom JavaScript-Adapter aus der Ausgabe, sondern vom Log-File selbst. Das bekommst du im ioBroker Admin, im linken Menü auf "Log" klicken.

    L Offline
    L Offline
    lastyle
    wrote on last edited by
    #35

    @Mic danke für deine hilfe - das log spuckt folgendes aus
    @ mod: sorry für das notwendige edit...

    javascript.0	2020-02-04 20:27:49.516	error	(1700) at Script.runInContext (vm.js:133:20)
    javascript.0	2020-02-04 20:27:49.516	error	(1700) at script.js.Wetter:39:1
    javascript.0	2020-02-04 20:27:49.515	error	(1700) at main (script.js.Wetter:44:5)
    javascript.0	2020-02-04 20:27:49.515	error	(1700) at writeGoogleHtml (script.js.Wetter:62:48)
    javascript.0	2020-02-04 20:27:49.515	error	(1700) at buildHTML (script.js.Wetter:100:112)
    javascript.0	2020-02-04 20:27:49.515	error	(1700) TypeError: Cannot read property 'substr' of null
    javascript.0	2020-02-04 20:27:49.515	error	(1700) ^
    javascript.0	2020-02-04 20:27:49.514	error	(1700) let day = (i === 1) ? 'Heute' : getState('daswetter.0.NextDays.Location_1.Day_' + i + '.Tag_value').val.substr(0, 2);
    javascript.0	2020-02-04 20:27:49.514	error	(1700) script.js.Wetter: script.js.Wetter:100
    javascript.0	2020-02-04 20:27:49.511	warn	(1700) at script.js.Wetter:39:1
    javascript.0	2020-02-04 20:27:49.511	warn	(1700) at main (script.js.Wetter:44:5)
    javascript.0	2020-02-04 20:27:49.511	warn	(1700) at writeGoogleHtml (script.js.Wetter:62:48)
    javascript.0	2020-02-04 20:27:49.510	warn	(1700) at buildHTML (script.js.Wetter:100:41)
    javascript.0	2020-02-04 20:27:49.510	warn	(1700) getState "daswetter.0.NextDays.Location_1.Day_2.Tag_value" not found (3)
    javascript.0	2020-02-04 20:27:49.509	warn	(1700) at script.js.Wetter:39:1
    javascript.0	2020-02-04 20:27:49.509	warn	(1700) at main (script.js.Wetter:44:5)
    javascript.0	2020-02-04 20:27:49.509	warn	(1700) at writeGoogleHtml (script.js.Wetter:62:48)
    javascript.0	2020-02-04 20:27:49.509	warn	(1700) at buildHTML (script.js.Wetter:102:21)
    javascript.0	2020-02-04 20:27:49.508	warn	(1700) getState "daswetter.0.NextDays.Location_1.Day_1.Minimale_Temperatur_value" not found (3)
    javascript.0	2020-02-04 20:27:49.508	warn	(1700) at script.js.Wetter:39:1
    javascript.0	2020-02-04 20:27:49.507	warn	(1700) at main (script.js.Wetter:44:5)
    javascript.0	2020-02-04 20:27:49.507	warn	(1700) at writeGoogleHtml (script.js.Wetter:62:48)
    javascript.0	2020-02-04 20:27:49.507	warn	(1700) at buildHTML (script.js.Wetter:101:21)
    javascript.0	2020-02-04 20:27:49.506	warn	(1700) getState "daswetter.0.NextDays.Location_1.Day_1.Maximale_Temperatur_value" not found (3)
    javascript.0	2020-02-04 20:27:49.491	info	(1700) Start javascript script.js.Wetter
    
    MicM 1 Reply Last reply
    0
    • L lastyle

      @Mic danke für deine hilfe - das log spuckt folgendes aus
      @ mod: sorry für das notwendige edit...

      javascript.0	2020-02-04 20:27:49.516	error	(1700) at Script.runInContext (vm.js:133:20)
      javascript.0	2020-02-04 20:27:49.516	error	(1700) at script.js.Wetter:39:1
      javascript.0	2020-02-04 20:27:49.515	error	(1700) at main (script.js.Wetter:44:5)
      javascript.0	2020-02-04 20:27:49.515	error	(1700) at writeGoogleHtml (script.js.Wetter:62:48)
      javascript.0	2020-02-04 20:27:49.515	error	(1700) at buildHTML (script.js.Wetter:100:112)
      javascript.0	2020-02-04 20:27:49.515	error	(1700) TypeError: Cannot read property 'substr' of null
      javascript.0	2020-02-04 20:27:49.515	error	(1700) ^
      javascript.0	2020-02-04 20:27:49.514	error	(1700) let day = (i === 1) ? 'Heute' : getState('daswetter.0.NextDays.Location_1.Day_' + i + '.Tag_value').val.substr(0, 2);
      javascript.0	2020-02-04 20:27:49.514	error	(1700) script.js.Wetter: script.js.Wetter:100
      javascript.0	2020-02-04 20:27:49.511	warn	(1700) at script.js.Wetter:39:1
      javascript.0	2020-02-04 20:27:49.511	warn	(1700) at main (script.js.Wetter:44:5)
      javascript.0	2020-02-04 20:27:49.511	warn	(1700) at writeGoogleHtml (script.js.Wetter:62:48)
      javascript.0	2020-02-04 20:27:49.510	warn	(1700) at buildHTML (script.js.Wetter:100:41)
      javascript.0	2020-02-04 20:27:49.510	warn	(1700) getState "daswetter.0.NextDays.Location_1.Day_2.Tag_value" not found (3)
      javascript.0	2020-02-04 20:27:49.509	warn	(1700) at script.js.Wetter:39:1
      javascript.0	2020-02-04 20:27:49.509	warn	(1700) at main (script.js.Wetter:44:5)
      javascript.0	2020-02-04 20:27:49.509	warn	(1700) at writeGoogleHtml (script.js.Wetter:62:48)
      javascript.0	2020-02-04 20:27:49.509	warn	(1700) at buildHTML (script.js.Wetter:102:21)
      javascript.0	2020-02-04 20:27:49.508	warn	(1700) getState "daswetter.0.NextDays.Location_1.Day_1.Minimale_Temperatur_value" not found (3)
      javascript.0	2020-02-04 20:27:49.508	warn	(1700) at script.js.Wetter:39:1
      javascript.0	2020-02-04 20:27:49.507	warn	(1700) at main (script.js.Wetter:44:5)
      javascript.0	2020-02-04 20:27:49.507	warn	(1700) at writeGoogleHtml (script.js.Wetter:62:48)
      javascript.0	2020-02-04 20:27:49.507	warn	(1700) at buildHTML (script.js.Wetter:101:21)
      javascript.0	2020-02-04 20:27:49.506	warn	(1700) getState "daswetter.0.NextDays.Location_1.Day_1.Maximale_Temperatur_value" not found (3)
      javascript.0	2020-02-04 20:27:49.491	info	(1700) Start javascript script.js.Wetter
      
      MicM Offline
      MicM Offline
      Mic
      Developer
      wrote on last edited by
      #36

      @lastyle sagte in [Vorlage] Google Charts Beispiel:

      getState "daswetter.0.NextDays.Location_1.Day_2.Tag_value" not found (3)

      Ist denn bei dir der dasWetter-Adapter auch installiert und läuft? Siehe ganz oben:

      @Mic sagte in [Vorlage] Google Charts Beispiel:

      Ich lasse hiermit mittels dasWetter-Adapter eine 7-Tage-Grafik anzeigen.

      Das musst du natürlich anpassen, wenn du eine andere Quelle für die Daten verwendest.

      L 1 Reply Last reply
      0
      • MicM Mic

        @lastyle sagte in [Vorlage] Google Charts Beispiel:

        getState "daswetter.0.NextDays.Location_1.Day_2.Tag_value" not found (3)

        Ist denn bei dir der dasWetter-Adapter auch installiert und läuft? Siehe ganz oben:

        @Mic sagte in [Vorlage] Google Charts Beispiel:

        Ich lasse hiermit mittels dasWetter-Adapter eine 7-Tage-Grafik anzeigen.

        Das musst du natürlich anpassen, wenn du eine andere Quelle für die Daten verwendest.

        L Offline
        L Offline
        lastyle
        wrote on last edited by lastyle
        #37

        @Mic gute frage... ich seh bei den instanzen keinen status, objekte sehe ich ebenfalls nicht.
        aber bis auf adapter installieren und den xml link einfügen kann ich hier nicht?!

        edit: anscheinend dauert es ein wenig, bis er die objekte anlegt..... nun sehe ich welche und das script dürft laufen!! danke liebe community

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

                                  656

                                  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