Apexchart-card now Label

Allgemein
1

Hi zusammen,

kann mir jemand sagen wie ich das now label zeitlich auf meinen Balken im Diagramm bekomme?

Auf dem Bild ist es ca. 12:30 Uhr und das Label somit um eine gute halbe Stunde nach rechts versetzt.

image
image101×689 3.56 KB

2

keine Ahnung was du grad gemacht hast, ich hab grad mal ein NOW in eins meiner Balken Apex Charts eingefügt und es ist gerad 13:26 und genau dort ist auch die gestrichelte Linie vom NOW.

Poste mal deinen Code.

3

Hi, Danke für den Test.
Das ist der Code.

type: custom:apexcharts-card
graph_span: 48h
experimental:
  color_threshold: true
header:
  title: Energy price today
  show: false
  show_states: false
span:
  start: day
now:
  show: true
  label: jetzt
  color: FFFF00
series:
  - entity: sensor.epex_spot_data_price
    type: column
    unit: €/kWh
    float_precision: 2
    yaxis_id: preis
    name: Netzpreis
    show:
      extremas: true
      in_header: after_now
      header_color_threshold: true
    color_threshold:
      - value: 0.18
        color: 00FF00
      - value: 0.22
        color: 8BC34A
      - value: 0.26
        color: FFEB3B
      - value: 0.3
        color: FF9800
      - value: 0.35
        color: FF5722
      - value: 0.4
        color: D32F2F
      - value: 0.45
        color: B71C1C
      - value: 0.5
        color: 9C1D1D
    data_generator: |
      return entity.attributes.data.map((entry) => {
        return [new Date(entry.start_time), entry.price_per_kwh];
      });
    group_by:
      func: avg
      duration: 1h
  - entity: sensor.epex_spot_data_average_price
    type: line
    name: Durchschnittspreis
    unit: €/kWh
    color: 0000FF
    stroke_width: 5
    float_precision: 2
    data_generator: >
      let avgPrice = 0;   if (entity.state && !isNaN(parseFloat(entity.state)))
      {
        avgPrice = parseFloat(entity.state);  // Wert aus dem Sensor übernehmen
      } return Array(48).fill([new Date(), avgPrice]);
yaxis:
  - id: preis
    decimals: 2
    apex_config:
      title:
        text: €/kWh
      tickAmount: 8
apex_config:
  chart:
    type: area
    height: 700
  legend:
    show: false
  tooltip:
    x:
      show: true
      format: HH:00 - HH:59
4

Was ist deine Erwartung? Das das NOW exakt auf einem Balken zu liegen kommt? Das wird nicht klappen, denn das NOW wandert ja mit der Zeit.

NOW ist IMMER exakt an der Stelle an der die aktuelle Zeit ist.
Also um 14:20 ist die strichelte Linie auf der Zeitskala exakt bei 14:20. Sprich das springt nicht in den Intervallen in denen du die Balken darstellst.

5

Ja, das ist soweit schon klar.
Ich glaube auch aktuell nicht mehr das das now falsch ist. es sieht so aus als währen meine balken falsch au x ausgerichtet. die gehen von der halben zur nächste halben stunde. Hab aber keine Ahnung wie ich das fixen könnte

image

Da ist es gerade exakt 14:39 Uhr

6

Habs gelöst.

Die Funktion time_delta kann die x Achse manipulieren.
Damit konnte ich die Balken des Diagramms nach rechts um 30 minuten versetzen.
Jetzt passt es:

image

series:
  - entity: sensor.epex_spot_data_price
    type: column
    time_delta: +30m
    unit: €/kWh
    float_precision: 2
    yaxis_id: preis
    name: Netzpreis```
1 „Gefällt mir“
7

ach so das meinst du, mach mal deinen “span” richtig.

span:
  start: day
  offset: +30m

dann brauchst du das nicht pro Entity zu machen

1 „Gefällt mir“
8

Jo, damit geht es auch.

Top, Danke Dir!!!