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

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. TibberLink Adapter

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

TibberLink Adapter

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
615 Beiträge 85 Kommentatoren 193.6k Aufrufe 78 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.
  • R ReblausGT

    @sms said in TibberLink Adapter:

    Was auch noch schön wäre, ich aber nicht sehe, ist wenn ich die Schrift-Farben anpassen könnte. Ich habe einen anderen Hintergrund ausgewählt, jetzt müsste ich noch die Schriftfarbe in weiß ändern.

    Also ich kann für das Template im echarts system voll und ganz zu ChatGPT raten.... OK Doku durchsuchen geht auch... aber das macht er meistens schon sehr gut:

    Um die Schrift weiß zu machen, kannst du die textStyle-Option in verschiedenen Bereichen deiner Konfiguration verwenden. Hier sind die Änderungen, die du vornehmen solltest:

    Globale Schriftfarbe setzen: Füge im option-Objekt die textStyle-Eigenschaft hinzu und setze die Farbe auf Weiß (#ffffff):

    textStyle: {
        color: "#ffffff"
    }
    

    Spezifische Bereiche anpassen: Falls die globale Einstellung nicht ausreicht, kannst du die textStyle-Eigenschaft direkt in den einzelnen Komponenten (title, tooltip, xAxis, yAxis, etc.) angeben. Beispiel:

    title: {
        text: "Tibber Price",
        textStyle: {
            color: "#ffffff"
        }
    },
    xAxis: {
        type: "category",
        boundaryGap: false,
        data: %%xAxisData%%,
        axisLabel: {
            color: "#ffffff"
        }
    },
    yAxis: {
        type: "value",
        axisLabel: {
            formatter: "{value} ct/kWh",
            color: "#ffffff"
        },
        axisPointer: {
            snap: true
        }
    },
    tooltip: {
        trigger: "axis",
        axisPointer: {
            type: "cross"
        },
        textStyle: {
            color: "#ffffff"
        }
    },
    

    Angepasste Version deiner Konfiguration
    Hier ist die komplette Konfiguration mit weißer Schrift:

    option = {
        backgroundColor: "rgb(232, 232, 232)",
        textStyle: {
            color: "#ffffff"
        },
        title: {
            text: "Tibber Price",
            textStyle: {
                color: "#ffffff"
            }
        },
        tooltip: {
            trigger: "axis",
            axisPointer: {
                type: "cross"
            },
            textStyle: {
                color: "#ffffff"
            }
        },
        grid: {
            left: "10%", right: "4%", top: "8%", bottom: "8%"
        },
        xAxis: {
            type: "category",
            boundaryGap: false,
            data: %%xAxisData%%,
            axisLabel: {
                color: "#ffffff"
            }
        },
        yAxis: {
            type: "value",
            axisLabel: {
                formatter: "{value} ct/kWh",
                color: "#ffffff"
            },
            axisPointer: {
                snap: true
            }
        },
        visualMap: {
            min: 0.2,
            max: 0.3,
            inRange: {
                color: ["green", "yellow", "red"]
            },
            show: false
        },
        series: [
            {
                name: "Total",
                type: "line",
                step: "end",
                symbol: "none",
                data: %%yAxisData%%,
                markArea: {
                    itemStyle: {
                        color: "rgba(120, 200, 120, 0.2)"
                    },
                    data: [
                        %%CalcChannelsData%%
                    ]
                }
            }
        ]
    };
    

    Mit diesen Änderungen sollte die Schriftfarbe überall in deinem Chart weiß angezeigt werden.

    -> Ob du nun reinweiß willst oder einen Grau-Ton und evtl. unterschiedliche Farben .... da kannst du dich voll austoben... einfach in dein Template einarbeiten....

    Ich suche akut noch nach einer Idee wie man bei "mehreren" Channels diese sinnvoll in der Grafik anzeigen kann evtl. müsste man dazu dem Channel direkt noch eine Konfiguration mitgeben können - sprich wie oben schon erwähnt.... ein Parameter "Anzeigen JA/NEIN" und einer für "Farbe?" Oder "Höhe" des Balkens ... ?? Dann geht aber eine komplett freie Verwendung des Templates nicht mehr so ohne weiteres.

    jrbwhJ Offline
    jrbwhJ Offline
    jrbwh
    schrieb am zuletzt editiert von
    #539

    @reblausgt Ich habe hier ein Template erstellt, das Verbrauch und Kosten mit flexcharts darstellt. Dabei wird der Zeitraum (hourly, daily, ...) als Parameter per http übergeben (Variante 2 des Skripts). Kann vielleicht als Anregung für eigene Charts dienen.
    cabd7465-4434-421d-a644-cca44d7bbca4-image.png

    R 1 Antwort Letzte Antwort
    0
    • jrbwhJ jrbwh

      @reblausgt Ich habe hier ein Template erstellt, das Verbrauch und Kosten mit flexcharts darstellt. Dabei wird der Zeitraum (hourly, daily, ...) als Parameter per http übergeben (Variante 2 des Skripts). Kann vielleicht als Anregung für eigene Charts dienen.
      cabd7465-4434-421d-a644-cca44d7bbca4-image.png

      R Offline
      R Offline
      ReblausGT
      Developer
      schrieb am zuletzt editiert von
      #540

      @jrbwh Gefällt mir - du bekommst PM... ;)

      jrbwhJ 1 Antwort Letzte Antwort
      0
      • R ReblausGT

        @jrbwh Gefällt mir - du bekommst PM... ;)

        jrbwhJ Offline
        jrbwhJ Offline
        jrbwh
        schrieb am zuletzt editiert von
        #541

        @reblausgt Gib mir bitte Bescheid, wenn Dein Adapter im Beta-Repo verfügbar ist.

        Gruß, Jürgen

        R 1 Antwort Letzte Antwort
        0
        • L Offline
          L Offline
          lesiflo
          Most Active
          schrieb am zuletzt editiert von lesiflo
          #542

          Hallo zusammen,
          ich habe bei mir den Kanal "Intelligenter Batteriepuffer" aktiv. Dabei werden zwei JSON ausgegeben:

          78edf72e-aeb3-443a-8931-2bfb2105acca-image.png

          Bei OutputJSON stehen die Werte drin bei denen die Batterie geladen wird. Bei OutputJSON2 hätte ich jetzt erwartet, das dort die Werte für's Entladen drin stehen. Ist aber wohl nicht so. Kann das einer so bestätigen?

          Aktuell steht bei mir der Wert für's Enladen auf true. In dem JSON2 aber nicht ("hour 8")

          a14eb483-329c-4547-a06c-80398cd8beb6-image.png

          Kanalkonfiguration
          fa8c05f6-6337-48dc-8cec-49ee8e34b786-image.png

          Oder hab ich da irgendwo einen Fehler drin?

          mcBirneM 1 Antwort Letzte Antwort
          0
          • L lesiflo

            Hallo zusammen,
            ich habe bei mir den Kanal "Intelligenter Batteriepuffer" aktiv. Dabei werden zwei JSON ausgegeben:

            78edf72e-aeb3-443a-8931-2bfb2105acca-image.png

            Bei OutputJSON stehen die Werte drin bei denen die Batterie geladen wird. Bei OutputJSON2 hätte ich jetzt erwartet, das dort die Werte für's Entladen drin stehen. Ist aber wohl nicht so. Kann das einer so bestätigen?

            Aktuell steht bei mir der Wert für's Enladen auf true. In dem JSON2 aber nicht ("hour 8")

            a14eb483-329c-4547-a06c-80398cd8beb6-image.png

            Kanalkonfiguration
            fa8c05f6-6337-48dc-8cec-49ee8e34b786-image.png

            Oder hab ich da irgendwo einen Fehler drin?

            mcBirneM Offline
            mcBirneM Offline
            mcBirne
            schrieb am zuletzt editiert von
            #543

            Hallo zusammen,
            ich bin von tibber zu octopus gewechselt. aber bis ich ein Smartmeter bekomme möchte ich gerne noch die Stromverbräuche von Tibber beziehen. Das klappt auch. Aber ich erhalte immer folgende Fehlermeldeung:

            Error (Unknown Status) occurred during: -force pull of prices today- : Got invalid data structure from Tibber [you might not have a valid (or fully confirmed) contract]
            

            Kann ich die irgendwie abstellen?

            R 1 Antwort Letzte Antwort
            0
            • jrbwhJ jrbwh

              @reblausgt Gib mir bitte Bescheid, wenn Dein Adapter im Beta-Repo verfügbar ist.

              Gruß, Jürgen

              R Offline
              R Offline
              ReblausGT
              Developer
              schrieb am zuletzt editiert von
              #544

              @jrbwh said in TibberLink Adapter:

              @reblausgt Gib mir bitte Bescheid, wenn Dein Adapter im Beta-Repo verfügbar ist.

              Hi Jürgen, 4.3.0 inkl. FlexLink Unterstützung ist im Beta-Repo .... sollte in Kürze sichtbar sein.

              jrbwhJ 1 Antwort Letzte Antwort
              0
              • mcBirneM mcBirne

                Hallo zusammen,
                ich bin von tibber zu octopus gewechselt. aber bis ich ein Smartmeter bekomme möchte ich gerne noch die Stromverbräuche von Tibber beziehen. Das klappt auch. Aber ich erhalte immer folgende Fehlermeldeung:

                Error (Unknown Status) occurred during: -force pull of prices today- : Got invalid data structure from Tibber [you might not have a valid (or fully confirmed) contract]
                

                Kann ich die irgendwie abstellen?

                R Offline
                R Offline
                ReblausGT
                Developer
                schrieb am zuletzt editiert von
                #545

                @mcbirne said in TibberLink Adapter:

                ich bin von tibber zu octopus gewechselt. aber bis ich ein Smartmeter bekomme möchte ich gerne noch die Stromverbräuche von Tibber beziehen.

                Die Stromverbräuche? Du meinst den Pulse Lokal auslesen.... Oder?
                ... Zur Not Demo Token und alles abschalten... Außer Pulse Lokal .... hab ich nicht getestet - sag mal Bescheid ob das geht.

                Merlin123M 1 Antwort Letzte Antwort
                0
                • R ReblausGT

                  @mcbirne said in TibberLink Adapter:

                  ich bin von tibber zu octopus gewechselt. aber bis ich ein Smartmeter bekomme möchte ich gerne noch die Stromverbräuche von Tibber beziehen.

                  Die Stromverbräuche? Du meinst den Pulse Lokal auslesen.... Oder?
                  ... Zur Not Demo Token und alles abschalten... Außer Pulse Lokal .... hab ich nicht getestet - sag mal Bescheid ob das geht.

                  Merlin123M Offline
                  Merlin123M Offline
                  Merlin123
                  schrieb am zuletzt editiert von
                  #546

                  @reblausgt Du kannst das meines Wissens nach ganz normal weiter auslesen. Nur historische Daten bekommst Du nicht mehr. Nur den laufenden Tag.

                  Werd ich ab 27.2. aber auch sehen, da auch auch gewechselt. bin.

                  Beta-Tester

                  lobomauL 1 Antwort Letzte Antwort
                  0
                  • R ReblausGT

                    @jrbwh said in TibberLink Adapter:

                    @reblausgt Gib mir bitte Bescheid, wenn Dein Adapter im Beta-Repo verfügbar ist.

                    Hi Jürgen, 4.3.0 inkl. FlexLink Unterstützung ist im Beta-Repo .... sollte in Kürze sichtbar sein.

                    jrbwhJ Offline
                    jrbwhJ Offline
                    jrbwh
                    schrieb am zuletzt editiert von
                    #547

                    @reblausgt Danke für die Info. Ich habe einen entsprechenden Hinweis ins Readme von flexcharts aufgenommen. Bin gespannt, wie diese Kombi ankommt.

                    B 1 Antwort Letzte Antwort
                    0
                    • jrbwhJ jrbwh

                      @reblausgt Danke für die Info. Ich habe einen entsprechenden Hinweis ins Readme von flexcharts aufgenommen. Bin gespannt, wie diese Kombi ankommt.

                      B Offline
                      B Offline
                      BMP
                      schrieb am zuletzt editiert von BMP
                      #548

                      Hallo,

                      ich liebe die neuen ECharts.
                      Allerdings hat meine Frau damit ein Problem. Die kommt nur mit BARs klar und mag die Linie nicht.
                      Also kurz umgesetzt und dann noch oben die jeweiligen Preise anzeigen lassen.
                      Das klappt auch seht gut, bis es 14 Uhr wird und die Anzeige dann 48h anzeigt.

                      Wäre es möglich die schon abgelaufenden Stunden zu deaktivieren ?
                      So dass nur noch die kommenden angezeigt werden?
                      Alternativ wäre es möglich die Tabelle aufzuteilen und aktueller Tag und morgen ?

                      Gruß Marcus

                      fd3ceb7d-ea65-444f-9646-a88d36c3577b-image.png

                      B jrbwhJ 2 Antworten Letzte Antwort
                      0
                      • B BMP

                        Hallo,

                        ich liebe die neuen ECharts.
                        Allerdings hat meine Frau damit ein Problem. Die kommt nur mit BARs klar und mag die Linie nicht.
                        Also kurz umgesetzt und dann noch oben die jeweiligen Preise anzeigen lassen.
                        Das klappt auch seht gut, bis es 14 Uhr wird und die Anzeige dann 48h anzeigt.

                        Wäre es möglich die schon abgelaufenden Stunden zu deaktivieren ?
                        So dass nur noch die kommenden angezeigt werden?
                        Alternativ wäre es möglich die Tabelle aufzuteilen und aktueller Tag und morgen ?

                        Gruß Marcus

                        fd3ceb7d-ea65-444f-9646-a88d36c3577b-image.png

                        B Offline
                        B Offline
                        BMP
                        schrieb am zuletzt editiert von BMP
                        #549

                        @bmp

                        Habe nun erstmal die Label auf 2 Stellen gekürzt. Ist aber nur eine Notlösung

                        R 1 Antwort Letzte Antwort
                        0
                        • B BMP

                          Hallo,

                          ich liebe die neuen ECharts.
                          Allerdings hat meine Frau damit ein Problem. Die kommt nur mit BARs klar und mag die Linie nicht.
                          Also kurz umgesetzt und dann noch oben die jeweiligen Preise anzeigen lassen.
                          Das klappt auch seht gut, bis es 14 Uhr wird und die Anzeige dann 48h anzeigt.

                          Wäre es möglich die schon abgelaufenden Stunden zu deaktivieren ?
                          So dass nur noch die kommenden angezeigt werden?
                          Alternativ wäre es möglich die Tabelle aufzuteilen und aktueller Tag und morgen ?

                          Gruß Marcus

                          fd3ceb7d-ea65-444f-9646-a88d36c3577b-image.png

                          jrbwhJ Offline
                          jrbwhJ Offline
                          jrbwh
                          schrieb am zuletzt editiert von
                          #550

                          @bmp Hallo Marcus, ich vermute, mit "neue ECharts" meinst Du Flexcharts. Freut mich sehr, wenn Dir das gefällt.

                          @ReblausGT Denke, Marcus' Problem liegt in der Aufbereitung der Daten durch TibberLink. Schaust Du Dir das bitte mal an?

                          @bmp Eine schnelle Lösung könnte sein, in der Chart-Definition ein dataZoom zu ergänzen. Zum Ausprobieren sollte eine zusätzliche Zeile reichen:

                          dataZoom: {},
                          

                          Die Details zum dataZoom findest Du hier.

                          B 1 Antwort Letzte Antwort
                          0
                          • jrbwhJ jrbwh

                            @bmp Hallo Marcus, ich vermute, mit "neue ECharts" meinst Du Flexcharts. Freut mich sehr, wenn Dir das gefällt.

                            @ReblausGT Denke, Marcus' Problem liegt in der Aufbereitung der Daten durch TibberLink. Schaust Du Dir das bitte mal an?

                            @bmp Eine schnelle Lösung könnte sein, in der Chart-Definition ein dataZoom zu ergänzen. Zum Ausprobieren sollte eine zusätzliche Zeile reichen:

                            dataZoom: {},
                            

                            Die Details zum dataZoom findest Du hier.

                            B Offline
                            B Offline
                            BMP
                            schrieb am zuletzt editiert von BMP
                            #551

                            @jrbwh Danke dir.
                            Den DataZoom teste ich sofort ;-)
                            Mit DataZoom schaffe ich es nicht, bei mir haben die Parameter keine änderungem im Flow erwirkt.

                            icebearI 1 Antwort Letzte Antwort
                            0
                            • B BMP

                              @bmp

                              Habe nun erstmal die Label auf 2 Stellen gekürzt. Ist aber nur eine Notlösung

                              R Offline
                              R Offline
                              ReblausGT
                              Developer
                              schrieb am zuletzt editiert von ReblausGT
                              #552

                              @bmp said in TibberLink Adapter:

                              Habe nun erstmal die Label auf 2 Stellen gekürzt. Ist aber nur eine Notlösung

                              Wie wären Optionen für die Erstellung der Daten ins FlexCharts-JSON: "Future-Cutoff" und "Past-Cutoff". Sprich du stellst z.B. ein das immer max 6h in die Vergangenheit ausgegeben werden und 10h in die Zukunft.... so hätte man immer konstant 16h dargestellt.
                              Oder auch 0h in die Vergangenheit und "50h" Zukunft.... dann würden um 13:00 alle Stunden des nächsten Tages hinzukommen und alle abgelaufenen sind grundsätzlich weg...

                              PS: Wenn fertig - wäre die Darstellung als BAR ein weiteres Template im Adapter wert ;)

                              B 2 Antworten Letzte Antwort
                              0
                              • R ReblausGT

                                @bmp said in TibberLink Adapter:

                                Habe nun erstmal die Label auf 2 Stellen gekürzt. Ist aber nur eine Notlösung

                                Wie wären Optionen für die Erstellung der Daten ins FlexCharts-JSON: "Future-Cutoff" und "Past-Cutoff". Sprich du stellst z.B. ein das immer max 6h in die Vergangenheit ausgegeben werden und 10h in die Zukunft.... so hätte man immer konstant 16h dargestellt.
                                Oder auch 0h in die Vergangenheit und "50h" Zukunft.... dann würden um 13:00 alle Stunden des nächsten Tages hinzukommen und alle abgelaufenen sind grundsätzlich weg...

                                PS: Wenn fertig - wäre die Darstellung als BAR ein weiteres Template im Adapter wert ;)

                                B Offline
                                B Offline
                                BMP
                                schrieb am zuletzt editiert von
                                #553

                                @reblausgt
                                Hallo Reblaus,

                                das hört sich doch schon mal vielversprechend an.
                                Bislang hatte ich mir das per Skript rausgesucht und als Tabelle anzeigen lassen.

                                Dort hatte ich immer zwei Tabellen. Die heutige und eine für morgen.
                                Letzendlich Interessieren mich aber nur die aktuelle Stunde und kommenden.
                                Ein Cutoff von 0h vergangene Stunden wäre also für mich der Optimale weg ;-)

                                R 1 Antwort Letzte Antwort
                                0
                                • R ReblausGT

                                  @bmp said in TibberLink Adapter:

                                  Habe nun erstmal die Label auf 2 Stellen gekürzt. Ist aber nur eine Notlösung

                                  Wie wären Optionen für die Erstellung der Daten ins FlexCharts-JSON: "Future-Cutoff" und "Past-Cutoff". Sprich du stellst z.B. ein das immer max 6h in die Vergangenheit ausgegeben werden und 10h in die Zukunft.... so hätte man immer konstant 16h dargestellt.
                                  Oder auch 0h in die Vergangenheit und "50h" Zukunft.... dann würden um 13:00 alle Stunden des nächsten Tages hinzukommen und alle abgelaufenen sind grundsätzlich weg...

                                  PS: Wenn fertig - wäre die Darstellung als BAR ein weiteres Template im Adapter wert ;)

                                  B Offline
                                  B Offline
                                  BMP
                                  schrieb am zuletzt editiert von
                                  #554

                                  @reblausgt said in TibberLink Adapter:

                                  PS: Wenn fertig - wäre die Darstellung als BAR ein weiteres Template im Adapter wert ;)

                                  b58e8c0d-bc82-42af-9ac1-5f3d26b84941-image.png

                                  {
                                  	backgroundColor: "rgb(0, 0, 0)",
                                  	title: {
                                  		text: "Tibber Preis",
                                  		textStyle: {
                                  			color: "#ffffff"
                                  		}
                                  	},
                                  	tooltip: {
                                  		trigger: "axis",
                                  		axisPointer: {
                                  			type: "cross"
                                  		}
                                  	},
                                  	grid: { // Randabstände
                                  		left: "10%", right: "4%", top: "8%", bottom: "8%"
                                  	},
                                  	xAxis: {
                                  		type: "category",
                                  		axisLabel: {formatter: "{value} Uhr"},
                                  		boundaryGap: false,
                                  		dataZoom: {id: 'dataZoomX',
                                              type: 'slider',
                                              xAxisIndex: [0],
                                              filterMode: 'filter',   // Set as 'filter' so that the modification
                                                                      // of window of xAxis will effect the
                                                                      // window of yAxis.
                                              start: 20,
                                              end: 40},
                                  		data: %%xAxisData%%,
                                  	},
                                  	yAxis: {
                                  		type: "value",
                                  		axisLabel: {formatter: "{value} ct/kWh"},
                                  		axisPointer: {
                                  			snap: true
                                  		}
                                  	},
                                  	visualMap: {
                                  		min: 0.2,
                                  		max: 0.3,
                                  		inRange: {
                                  			color: ["green", "yellow", "red"] // Verlauf von grün über gelb nach rot
                                  		},
                                  		show: true
                                  	},
                                  	series: [
                                  		{
                                  			name: "Total",
                                  			type: "bar",
                                  			step: "end",
                                  			symbol: "none",
                                  			label: {
                                              show: true, // Zeigt die Labels an
                                              position: 'top', // Positioniert die Labels über den Balken
                                              formatter: function(params) {
                                                  // Kürze das Label auf 2 Stellen
                                                  return params.value.toString().substring(0, 4);
                                              }
                                          },
                                  			data: %%yAxisData%%,
                                  			
                                  			      markPoint: {
                                          data: [
                                            { type: 'max', name: 'Max', itemStyle: { color: 'red' }  },
                                            { type: 'min', name: 'Min', itemStyle: { color: 'green' }  }
                                          ]
                                        },
                                  
                                  			markArea: {
                                  				itemStyle: {
                                  					color: "rgba(120, 200, 120, 0.2)"
                                  				},
                                  				data: [
                                  					%%CalcChannelsData%%
                                  				]
                                  			}
                                  		}
                                  	]
                                  };
                                  
                                  1 Antwort Letzte Antwort
                                  0
                                  • B BMP

                                    @jrbwh Danke dir.
                                    Den DataZoom teste ich sofort ;-)
                                    Mit DataZoom schaffe ich es nicht, bei mir haben die Parameter keine änderungem im Flow erwirkt.

                                    icebearI Online
                                    icebearI Online
                                    icebear
                                    schrieb am zuletzt editiert von icebear
                                    #555

                                    @bmp said in TibberLink Adapter:

                                    Mit DataZoom schaffe ich es nicht, bei mir haben die Parameter keine änderungem im Flow erwirkt.

                                    Ich habs grad mal eingfügt, funktioniert doch.

                                    datazoom.png

                                    Hier der Code mit 'data-zoom'

                                    option = {
                                    	backgroundColor: "rgb(0, 0, 0)",
                                    	title: {
                                    		text: "Tibber Preis",
                                    		textStyle: {
                                    			color: "#ffffff"
                                    		}
                                    	},
                                      "dataZoom": [
                                        {
                                          "show": true,
                                          "start": 0,
                                          "end": 100,
                                          "bottom": "3%",
                                          "height": "7%"
                                        }
                                      ],
                                    	tooltip: {
                                    		trigger: "axis",
                                    		axisPointer: {
                                    			type: "cross"
                                    		}
                                    	},
                                    	grid: { // Randabstände
                                    		left: "10%", right: "4%", top: "8%", bottom: "8%"
                                    	},
                                    	xAxis: {
                                    		type: "category",
                                    		axisLabel: {formatter: "{value} Uhr"},
                                    		boundaryGap: false,
                                    		dataZoom: {id: 'dataZoomX',
                                                type: 'slider',
                                                xAxisIndex: [0],
                                                filterMode: 'filter',   // Set as 'filter' so that the modification
                                                                        // of window of xAxis will effect the
                                                                        // window of yAxis.
                                                start: 20,
                                                end: 40},
                                    		data: %%xAxisData%%,
                                    	},
                                    	yAxis: {
                                    		type: "value",
                                    		axisLabel: {formatter: "{value} ct/kWh"},
                                    		axisPointer: {
                                    			snap: true
                                    		}
                                    	},
                                    	visualMap: {
                                    		min: 0.2,
                                    		max: 0.3,
                                    		inRange: {
                                    			color: ["green", "yellow", "red"] // Verlauf von grün über gelb nach rot
                                    		},
                                    		show: true
                                    	},
                                    	series: [
                                    		{
                                    			name: "Total",
                                    			type: "bar",
                                    			step: "end",
                                    			symbol: "none",
                                    			label: {
                                                show: true, // Zeigt die Labels an
                                                position: 'top', // Positioniert die Labels über den Balken
                                                formatter: function(params) {
                                                    // Kürze das Label auf 2 Stellen
                                                    return params.value.toString().substring(0, 4);
                                                }
                                            },
                                    			data: %%yAxisData%%,
                                    			
                                    			      markPoint: {
                                            data: [
                                              { type: 'max', name: 'Max', itemStyle: { color: 'red' }  },
                                              { type: 'min', name: 'Min', itemStyle: { color: 'green' }  }
                                            ]
                                          },
                                     
                                    			markArea: {
                                    				itemStyle: {
                                    					color: "rgba(120, 200, 120, 0.2)"
                                    				},
                                    				data: [
                                    					%%CalcChannelsData%%
                                    				]
                                    			}
                                    		}
                                    	]
                                    };
                                    
                                    
                                    B 1 Antwort Letzte Antwort
                                    0
                                    • icebearI icebear

                                      @bmp said in TibberLink Adapter:

                                      Mit DataZoom schaffe ich es nicht, bei mir haben die Parameter keine änderungem im Flow erwirkt.

                                      Ich habs grad mal eingfügt, funktioniert doch.

                                      datazoom.png

                                      Hier der Code mit 'data-zoom'

                                      option = {
                                      	backgroundColor: "rgb(0, 0, 0)",
                                      	title: {
                                      		text: "Tibber Preis",
                                      		textStyle: {
                                      			color: "#ffffff"
                                      		}
                                      	},
                                        "dataZoom": [
                                          {
                                            "show": true,
                                            "start": 0,
                                            "end": 100,
                                            "bottom": "3%",
                                            "height": "7%"
                                          }
                                        ],
                                      	tooltip: {
                                      		trigger: "axis",
                                      		axisPointer: {
                                      			type: "cross"
                                      		}
                                      	},
                                      	grid: { // Randabstände
                                      		left: "10%", right: "4%", top: "8%", bottom: "8%"
                                      	},
                                      	xAxis: {
                                      		type: "category",
                                      		axisLabel: {formatter: "{value} Uhr"},
                                      		boundaryGap: false,
                                      		dataZoom: {id: 'dataZoomX',
                                                  type: 'slider',
                                                  xAxisIndex: [0],
                                                  filterMode: 'filter',   // Set as 'filter' so that the modification
                                                                          // of window of xAxis will effect the
                                                                          // window of yAxis.
                                                  start: 20,
                                                  end: 40},
                                      		data: %%xAxisData%%,
                                      	},
                                      	yAxis: {
                                      		type: "value",
                                      		axisLabel: {formatter: "{value} ct/kWh"},
                                      		axisPointer: {
                                      			snap: true
                                      		}
                                      	},
                                      	visualMap: {
                                      		min: 0.2,
                                      		max: 0.3,
                                      		inRange: {
                                      			color: ["green", "yellow", "red"] // Verlauf von grün über gelb nach rot
                                      		},
                                      		show: true
                                      	},
                                      	series: [
                                      		{
                                      			name: "Total",
                                      			type: "bar",
                                      			step: "end",
                                      			symbol: "none",
                                      			label: {
                                                  show: true, // Zeigt die Labels an
                                                  position: 'top', // Positioniert die Labels über den Balken
                                                  formatter: function(params) {
                                                      // Kürze das Label auf 2 Stellen
                                                      return params.value.toString().substring(0, 4);
                                                  }
                                              },
                                      			data: %%yAxisData%%,
                                      			
                                      			      markPoint: {
                                              data: [
                                                { type: 'max', name: 'Max', itemStyle: { color: 'red' }  },
                                                { type: 'min', name: 'Min', itemStyle: { color: 'green' }  }
                                              ]
                                            },
                                       
                                      			markArea: {
                                      				itemStyle: {
                                      					color: "rgba(120, 200, 120, 0.2)"
                                      				},
                                      				data: [
                                      					%%CalcChannelsData%%
                                      				]
                                      			}
                                      		}
                                      	]
                                      };
                                      
                                      
                                      B Offline
                                      B Offline
                                      BMP
                                      schrieb am zuletzt editiert von
                                      #556

                                      @icebear said in TibberLink Adapter:

                                      Ich habs grad mal eingfügt, funktioniert doch.

                                      Hmmm, danke dir, mit dem Code klappt es. Da sitzt der fehler mal wieder vor der Tastatur ;-)
                                      Jetzt schue ich mal, ob ich da einen Filter rein bekomme für die aktuelle Stunde .

                                      1 Antwort Letzte Antwort
                                      0
                                      • B BMP

                                        @reblausgt
                                        Hallo Reblaus,

                                        das hört sich doch schon mal vielversprechend an.
                                        Bislang hatte ich mir das per Skript rausgesucht und als Tabelle anzeigen lassen.

                                        Dort hatte ich immer zwei Tabellen. Die heutige und eine für morgen.
                                        Letzendlich Interessieren mich aber nur die aktuelle Stunde und kommenden.
                                        Ein Cutoff von 0h vergangene Stunden wäre also für mich der Optimale weg ;-)

                                        R Offline
                                        R Offline
                                        ReblausGT
                                        Developer
                                        schrieb am zuletzt editiert von
                                        #557

                                        @bmp said in TibberLink Adapter:

                                        @reblausgt
                                        das hört sich doch schon mal vielversprechend an.
                                        Ein Cutoff von 0h vergangene Stunden wäre also für mich der Optimale weg ;-)

                                        Ist in 4.4.0 implementiert

                                        1 Antwort Letzte Antwort
                                        0
                                        • Merlin123M Merlin123

                                          @reblausgt Du kannst das meines Wissens nach ganz normal weiter auslesen. Nur historische Daten bekommst Du nicht mehr. Nur den laufenden Tag.

                                          Werd ich ab 27.2. aber auch sehen, da auch auch gewechselt. bin.

                                          lobomauL Offline
                                          lobomauL Offline
                                          lobomau
                                          schrieb am zuletzt editiert von
                                          #558

                                          @merlin123 ich bin seit gestern von tibber zu octopus gewechselt. Ich habe im Tibber Adapter mein API-Token und Tibber-Home Daten so gelassen. Es werden weiterhin die Live-Daten vom Zähler gezeigt. Kann man das so lassen? Du hattest den Wechsel vor 2 Wochen. Wie hast du es gemacht? Ansonsten wollte ich mich sowieso mit der lokalen Auslesung auseinandersetzen.

                                          Host: NUC8i3 mit Proxmox:

                                          • ioBroker CT Debian 13, npm 10.9.3, nodejs 22.20.0
                                          • Slave: Pi4
                                          mcBirneM Merlin123M 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate
                                          FAQ Cloud / IOT
                                          HowTo: Node.js-Update
                                          HowTo: Backup/Restore
                                          Downloads
                                          BLOG

                                          401

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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