Internetverbrauch pro Tag/Monat wie Stromverbrauch im Energiedashboard

Dashboard/Cards/Frontend
1

Hallo,

ich würde gerne meine Internetverbräuchte dargestellt bekommen wie die Strom/Gas/Wasser verbräuche als Balken für Tag bzw Monat um die Verbräuche zu vergleichen.
Die entsprechenden Entitäten habe ich erstellt.

Hat einer von euch etwas ähnliches Realisiert?

Viele Grüße

Steven

2

was genau suchst du - sowas ?

Bildschirmfoto 2026-01-22 um 21.32.03
Bildschirmfoto 2026-01-22 um 21.32.03688×446 17.1 KB

3

Jo, das sieht super aus :hugs:

1 „Gefällt mir“
4 
type: custom:apexcharts-card
header:
show: true
title: AVM ATG Traffic (letzte 3 Wochen)
graph_span: 21d
span:
start: day
offset: “-21d”
yaxis:

* min: 0
  series:
* entity: sensor.fritz_box_7590atg_gb_empfangen
  name: Empfangen
  type: column
  color: “#2ecc71”
  group_by:
  func: diff
  duration: 1d
  statistics:
  period: hour
  type: sum
  align: start
* entity: sensor.fritz_box_7590atg_gb_gesendet
  name: Gesendet
  type: column
  color: “#e74c3c”
  group_by:
  func: diff
  duration: 1d
  statistics:
  period: hour
  type: sum
  align: start

:crayon:by HarryP: Code-/Logzeilen formatiert (bitte immer in </> einbinden)
s.a.: (Neues Update & Features - Hier in der Community 🫶)

5

Nachdem ich die Formatierung des Codes von ChatGPT hab korrigieren lassen hats bei mir Funktioniert. Vielen Dank dafür.

1 „Gefällt mir“
6

Guten Tag.

Bei mir kommt ein Fehler:

Konfigurationsfehler

Fehler beim Parsen von YAML: duplicated mapping key (Zeile: 21, Spalte: 3)

type: sum

type: custom:apexcharts-card
header:
show: true
title: AVM ATG Traffic (letzte 3 Wochen)
graph_span: 21d
span:
start: day
offset: “-21d”
yaxis:
  min: 0
  series:
  entity: sensor.wing_willich_gb_empfangen
  name: Empfangen
  type: column
  color: “#2ecc71”
  group_by:
  func: diff
  duration: 1d
  statistics:
  period: hour
  type: sum
  align: start
  entity: sensor.wing_willich_gb_gesendet
  name: Gesendet
  type: column
  color: “#e74c3c”
  group_by:
  func: diff
  duration: 1d
  statistics:
  period: hour
  type: sum
  align: start
7

Hallo moppedhause, wie gesagt, die Syntax war falsch und ich habe sie von chatGPT reparieren lassen. Bei mir lautet der Code wie folgt

type: custom:apexcharts-card
header:
  show: true
  title: AVM ATG Traffic (letzte 3 Wochen)
graph_span: 21d
span:
  start: day
  offset: "-21d"
yaxis:
  - min: 0
series:
  - entity: sensor.fritz_box_7690_gb_empfangen
    name: Empfangen
    type: column
    color: "#2ecc71"
    group_by:
      func: diff
      duration: 1d
  - entity: sensor.fritz_box_7690_gb_gesendet
    name: Gesendet
    type: column
    color: "#e74c3c"
    group_by:
      func: diff
      duration: 1d

Ich habe jetzt nur den Fehler dass mit der Gesamte bisherige Verbrauch auf gestern angezeigt wird. Dies wird sich aber wohl nach 3 Wochen bereinigen.

Viele Grüße

1 „Gefällt mir“
8

Vielen Dank.

Gruß Wilfried