Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker 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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
50 Beiträge 11 Kommentatoren 7.8k Aufrufe 18 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • H hopser2000

    Hallo zusammen,

    also, folgendes habe ich angepasst, um den Inhalt für das iFrame-Widget in VIS sichtbar zu machen.

    Ausgehend von dem obigen Code:

    const FILE_PATH = '/opt/iobroker/iobroker-data/files/vis.0/M3/test.txt';
    const fs = require('fs');
    fs.writeFile(FILE_PATH, 'Test-text', (err) => { 
        if (err) throw err;
    });
    

    Was nicht benötigt wird ist die Zeile

    const fs = require('fs');
    

    Die Zeile

    fs.writeFile(FILE_PATH, 'Test-text', (err) => { 
    

    muss abgeändert werden in:

    writeFile('vis.0', FILE_PATH, buildHTML(), (err) => {
    

    Dadurch wird die writeFile-Funktion vom Biobroker verwendet. Doku dazu siehe hier

    Da ich für den ersten Parameter der writeFile Funktion "vis.0" angegeben habe, wird die Datei in den Pfad FILE_PATH geschrieben, relativ zu /opt/iobroker/iobroker-data/files/vis.0

    Ist also FILE_PATH = "mySubfolder/myOutputFile.txt" wird die Datei in folgendes Verzeichnis geschrieben:

    /opt/iobroker/iobroker-data/files/vis.0/mySubfolder/myOutputFile.txt

    Die Verzeichnisstruktur (folgend auf .../vis.0/ ) muss aber zwingend vorhanden sein.

    Im iFrame-Widget wird als Quelle dann angegeben:

    /vis.0/mySubfolder/myOutputFile.txt

    Hoffe das war so weit verständlich. Ansonsten gern nachfragen.

    VG,
    Andreas

    MicM Offline
    MicM Offline
    Mic
    Developer
    schrieb am zuletzt editiert von
    #31

    @hopser2000
    Vielen Dank hierfür! 😎
    Ich habe das Script entsprechend aktualisiert mit Version 0.2, ebenso verbessertes Error-Handling und Debug-Ausgaben im Log, falls LOG_DEBUG auf true.

    Link zum aktuellen Script

    1 Antwort Letzte Antwort
    0
    • H Offline
      H Offline
      hopser2000
      schrieb am zuletzt editiert von
      #32

      Gern geschehen.
      Bin selbst dabei mir was zusammenzubauen, um Stromzählerstände zu visualisieren mit Google Charts. Mein Ansatz ist, das Grundgerüst des iFrame in ein Template zu packen inkl. Optionen und dann die Daten aus der Datenbank (MySQL) zu selektieren und im Template zu ersetzen.
      Funktioniert so weit auch schon im Großen und Ganzen. Nur noch tunen 😉

      1 Antwort Letzte Antwort
      0
      • L Offline
        L Offline
        lastyle
        schrieb am zuletzt editiert von Negalein
        #33

        hallo,

        danke für das script, allerdings bekomme ich dieses nicht zum laufen. ich habe den subfolder angelegt und auch das test.txt schreiben getestet - alles wurde angelegt. aber das script in der version 0.2 wirft mir diesen fehler aus

        19:24:08.453	error	javascript.0 (11665) script.js.Wetter: script.js.Wetter:100
        19:24:08.454	error	javascript.0 (11665) at buildHTML (script.js.Wetter:100:112)
        19:24:08.455	error	javascript.0 (11665) at writeGoogleHtml (script.js.Wetter:62:48)
        19:24:08.455	error	javascript.0 (11665) at main (script.js.Wetter:44:5)
        19:24:08.455	error	javascript.0 (11665) at script.js.Wetter:39:1
        

        fehlt mir hier ein modul, eine datei am system? sorry für die absolute anfängerfrage

        Mod-Edit: Code/Log in Code Tags gepackt. Bitte benutzt die Code Tags Funktion -> </>
        Hier gehts zur Hilfe.

        MicM 1 Antwort Letzte Antwort
        0
        • L lastyle

          hallo,

          danke für das script, allerdings bekomme ich dieses nicht zum laufen. ich habe den subfolder angelegt und auch das test.txt schreiben getestet - alles wurde angelegt. aber das script in der version 0.2 wirft mir diesen fehler aus

          19:24:08.453	error	javascript.0 (11665) script.js.Wetter: script.js.Wetter:100
          19:24:08.454	error	javascript.0 (11665) at buildHTML (script.js.Wetter:100:112)
          19:24:08.455	error	javascript.0 (11665) at writeGoogleHtml (script.js.Wetter:62:48)
          19:24:08.455	error	javascript.0 (11665) at main (script.js.Wetter:44:5)
          19:24:08.455	error	javascript.0 (11665) at script.js.Wetter:39:1
          

          fehlt mir hier ein modul, eine datei am system? sorry für die absolute anfängerfrage

          Mod-Edit: Code/Log in Code Tags gepackt. Bitte benutzt die Code Tags Funktion -> </>
          Hier gehts zur Hilfe.

          MicM Offline
          MicM Offline
          Mic
          Developer
          schrieb am zuletzt editiert von
          #34

          @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 1 Antwort Letzte Antwort
          0
          • 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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                0
                • NegaleinN Offline
                  NegaleinN Offline
                  Negalein
                  Global Moderator
                  schrieb am zuletzt editiert von
                  #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: 20.17.0 NPM: 10.8.2
                  ° Proxmox, Ubuntu 22.04.3 LTS
                  ° Fixer ---> iob fix

                  1 Antwort Letzte Antwort
                  0
                  • MicM Offline
                    MicM Offline
                    Mic
                    Developer
                    schrieb am zuletzt editiert von
                    #39

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

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

                    NegaleinN 1 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #41

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

                        NegaleinN 1 Antwort Letzte Antwort
                        0
                        • MicM Mic

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

                          NegaleinN Offline
                          NegaleinN Offline
                          Negalein
                          Global Moderator
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • MicM Offline
                            MicM Offline
                            Mic
                            Developer
                            schrieb am zuletzt editiert von Mic
                            #43

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

                            NegaleinN 1 Antwort Letzte Antwort
                            0
                            • MicM Mic

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

                              NegaleinN Offline
                              NegaleinN Offline
                              Negalein
                              Global Moderator
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • NegaleinN Offline
                                      NegaleinN Offline
                                      Negalein
                                      Global Moderator
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • NegaleinN Negalein

                                        @Mic

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

                                        MicM Offline
                                        MicM Offline
                                        Mic
                                        Developer
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          555

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe