# Diagramm zur Energienutzung-Karte anpassen

**URL:** <https://community-smarthome.com/t/diagramm-zur-energienutzung-karte-anpassen/10643>\
**Category:** Allgemein & News\
**Created:** [6. April 2026 um 15:28 UTC](https://community-smarthome.com/t/diagramm-zur-energienutzung-karte-anpassen/10643 "2026-04-06T15:28:03Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![PReuker81](https://community-smarthome.com/letter_avatar_proxy/v4/letter/p/a9adbd/32.png) [@PReuker81](https://community-smarthome.com/u/PReuker81)\
**Post date:** [6. April 2026 um 15:28 UTC](https://community-smarthome.com/t/diagramm-zur-energienutzung-karte-anpassen/10643/1 "2026-04-06T15:28:03Z")

</div>

Hallo Zusammen,

ich bekomme es leider nicht hin die Grafik ist klasse.

Hätte die aber gerne noch 2 mal und zwar einmal nurt Anzeige Strom Waermepumpe und einmal der regulärer Strom. Es sind 2 Zähler mit unterschiedlichen Tarifen. Mir geht es einfach darum das ich getrennt sehe wann die Wärmepumpe die höchstlast hatte und wann Sie z.B. überhaupt Strom zieht. Das Balkendiagramm finde ich da halt extrem gut. Habe anhand der ersten Grafik wa ja beides aufeinander ist z.B. auch schon festgestellt das die Wärmepumpe um 4 gelaufen ist obwohl nachts kein Heizungsprogramm und Warmwasserprogramm aktiv ist. Dem muss ich die Tage gleich mal auf die Versen gehen.

Danke euch für die Aufnahme und hoffentlich Hilfe.

Grüße Philipp

 ![grafik](https://community-smarthome.com/uploads/default/original/2X/0/02c89b696bc45f08dd44c9fd6fb5f93181e998ad.png)

---

<div class="post-metadata">

**Author:** ![mafe68](https://community-smarthome.com/user_avatar/community-smarthome.com/mafe68/32/3049_2.png) [@mafe68](https://community-smarthome.com/u/mafe68)\
**Post date:** [6. April 2026 um 16:18 UTC](https://community-smarthome.com/t/diagramm-zur-energienutzung-karte-anpassen/10643/2 "2026-04-06T16:18:57Z")

</div>

Willkommen hier im Forum!  
Ich verwende die custom:plotly-graph für so was sieht sehr ähnlich aus nur habe ich die Balken nebeneinander!

 ![Bildschirmfoto zu 2026-04-06 18-14-28](https://community-smarthome.com/uploads/default/original/2X/2/2611eb232f7b919f577322b857f425af2c5ac2dc.png)

Hier wäre der yaml Code dazu! Brauchst du nur noch an deinen entities anpassen

```auto
type: custom:plotly-graph
defaults:
  yaxes:
    fixedrange: true
  entity:
    period: day
    type: bar
    statistic: state
    texttemplate: "%{y:.1f}"
    textposition: auto
    filters:
      - filter: i>0
entities:
  - entity: sensor.vrm_today_solar_yield
    name: PV Tagesertrag
  - entity: sensor.vrm_today_consumption
    name: Verbrauch
    marker:
      color: null
      opacity: 2
layout:
  paper_bgcolor: rgba(0,0,0,0)
  plot_bgcolor: rgba(0,0,0,0)
  barmode: group
  bargap: 0.2
  barcornerradius: 5
  uniformtext:
    minsize: 10
    mode: show
  modebar:
    orientation: v
    remove: zoom
  margin:
    t: 15
    l: 45
    r: 20
  height: 380
  legend:
    "y": -0.25
    x: 0.02
  xaxis:
    rangeselector:
      "y": 1.15
      buttons:
        - count: 1
          step: month
        - count: 14
          step: day
        - count: 7
          step: day
    gridcolor: rgba(238,235,235,0.3)
    autorange: true
    showgrid: true
  yaxis:
    visible: true
    autorange: true
hours_to_show: 14d
refresh_interval: 15
card_mod:
  style: |
    ha-card {
        border-width: 0px;
        padding-top: 20px;
       }
view_layout:
  position: main
grid_options:
  columns: full

```

---

<div class="post-metadata">

**Author:** ![mafe68](https://community-smarthome.com/user_avatar/community-smarthome.com/mafe68/32/3049_2.png) [@mafe68](https://community-smarthome.com/u/mafe68)\
**Post date:** [6. April 2026 um 16:38 UTC](https://community-smarthome.com/t/diagramm-zur-energienutzung-karte-anpassen/10643/3 "2026-04-06T16:38:05Z")

</div>

Anderen Lösung gäbe es auch noch mit Detailed Charts Panel, dort kannst du den Grafen einfach erstellen und leicht anpassen wie du ihn haben möchtest ohne viel in yaml zu machen!

> [@chart\_decreasing Detailed Charts Panel - Interaktive High-Performance Charts für Home Assistant - HACS](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775):
>
> Detailed Charts Panel Interaktive High-Performance Charts für Home Assistant Ich möchte euch gerne mein neues und bisher größtes Projekt vorstellen. slight_smile Wir alle kennen das Problem der Auswertung in HA. In den letzten Wochen habe ich versucht in diese Richtung ein Projekt aufzuziehen. Die einfache Auswertung von Sensoren ist immer wieder Thema und das Detailed Charts Panel soll hoffentlich die Lücke etwas schließen. Schaut es euch gerne an, ich bin auf das Feedback gespannt. Es wir…

Könnte dann so z.B. aussehen!

 ![Bildschirmfoto zu 2026-04-06 18-41-22](https://community-smarthome.com/uploads/default/original/2X/3/30bbe8c29bcbf8da55afbbf8bcc06c8cddd07636.png)

---

<div class="post-metadata">

**Author:** ![Nicknol](https://community-smarthome.com/user_avatar/community-smarthome.com/nicknol/32/897_2.png) [@Nicknol](https://community-smarthome.com/u/Nicknol)\
**Post date:** [6. April 2026 um 21:15 UTC](https://community-smarthome.com/t/diagramm-zur-energienutzung-karte-anpassen/10643/4 "2026-04-06T21:15:40Z")

</div>

Und hier noch eine Möglichkeit: [Custom Energy Graph](https://github.com/Thyraz/energy-custom-graph)

Nutzt die gleiche Engine wie das Energie-Dashboard, und ist im Wesentlichen graphisch konfigurierbar, nutzt sogar den Date-Picker des Energy-Dashboards.

Die Parte kann nicht so viel wie Plotly oder das Detailed Charts Panel, ist aber einfach zu konfigurieren, und hat halt den gleichen Stil wie das Energy-Dashboard.

---

<div class="post-metadata">

**Author:** ![PReuker81](https://community-smarthome.com/letter_avatar_proxy/v4/letter/p/a9adbd/32.png) [@PReuker81](https://community-smarthome.com/u/PReuker81)\
**Post date:** [7. April 2026 um 19:00 UTC](https://community-smarthome.com/t/diagramm-zur-energienutzung-karte-anpassen/10643/5 "2026-04-07T19:00:35Z")

</div>

Vielen Dank für die Antworten. Habe es über das Standard Statistikdiagramm gelöst bekommen:

 ![grafik](https://community-smarthome.com/uploads/default/original/2X/7/79da5403b11011a3d8a65a9c99bb1a0d028d6ecd.png)
