Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
    data_generator: >
      return entity.attributes.data.map((entry, index) => { return [new
      Date(entry.start_time).getTime(), entry.price_ct_per_kwh];
      }).slice(23,48);
type: custom:apexcharts-card
header:
  show: false
graph_span: 48h
span:
  start: day
now:
  show: true
  label: Now
color_list:
  - var(--primary-color)
series:
  - entity: sensor.epex_spot_data_net_price
    yaxis_id: uurprijs
    float_precision: 2
    type: column
    curve: smooth
    extend_to: false
    show:
      extremas: time
    data_generator: >
      return entity.attributes.data.map((entry, index) => { return [new
      Date(entry.start_time).getTime(), entry.price_per_kwh]; }).slice(23,48);
    color_threshold:
      - value: 0
        color: "#186ddc"
      - value: 0.155
        color: "#04822e"
      - value: 0.2
        color: "#12A141"
      - value: 0.25
        color: "#79B92C"
      - value: 0.3
        color: "#C4D81D"
      - value: 0.35
        color: "#F3DC0C"
      - value: 0.4
        color: red
      - value: 0.5
        color: green
  - entity: sensor.epex_spot_data_net_price
    yaxis_id: uurprijs
    float_precision: 2
    type: column
    curve: straight
    extend_to: end
    show:
      extremas: time
    data_generator: >
      return entity.attributes.data.map((entry, index) => { return [new
      Date(entry.start_time).getTime(), entry.price_per_kwh]; }).slice(47,70);
    color_threshold:
      - value: 0
        color: "#186ddc"
      - value: 0.155
        color: "#04822e"
      - value: 0.2
        color: "#12A141"
      - value: 0.25
        color: "#79B92C"
      - value: 0.3
        color: "#C4D81D"
      - value: 0.35
        color: "#F3DC0C"
      - value: 0.4
        color: red
      - value: 0.5
        color: magenta
experimental:
  color_threshold: true
yaxis:
  - id: uurprijs
    decimals: 2
    apex_config:
      title:
        text: €/kWh
      tickAmount: 4
apex_config:
  legend:
    show: false
  tooltip:
    x:
      show: true
      format: HH:00 - HH:59    data_generator: >
      return entity.attributes.data.map((entry, index) => { return [new
      Date(entry.start_time).getTime(), entry.price_per_kwh]; }).slice(23,48);


das hätte ich mir eher als Wiki vorgestellt
Ich verstehe, dass das etwas mühsam sein kann - für uns auch hin und wieder - aber nur so kann eine angemessene Qualitätskontrolle für "Anleitungen" gewährleistet werden. In Form eines Wikis oder einer anderen Art des "selbst veröffentlichens" wäre diese Kontrolle zumindest aktuell ein zu hoher Aufwand, für diesen Bereich gibt es das Forum.Ja, ich bin auch kein Freund davon, wie das mit den Anleitungen hier gehandhabt wird, aber so sind die Regeln.


type: custom:apexcharts-card
header:
  show: true
  title: Awattar Strompreis heute und morgen
  show_states: true
  colorize_states: true
all_series_config:
  stroke_width: 2
  type: line
  unit: €/kWh
graph_span: 48h
span:
  start: day
now:
  show: true
  label: Jetzt
  color: var(--primary-color)
series:
  - entity: sensor.epex_spot_at_price
    yaxis_id: deinpreis
    float_precision: 2
    type: area
    curve: stepline
    extend_to: end
    show:
      extremas: true
    data_generator: >
      return entity.attributes.data.map((entry, index) => { return [new
      Date(entry.start_time).getTime(), entry.price_per_kwh]; });
    color_threshold:
      - value: -100
        color: "#77ffff"
      - value: -50
        color: "#009900"
      - value: -40
        color: "#30ac00"
      - value: -30
        color: "#66c200"
      - value: -20
        color: "#9cd800"
      - value: -10
        color: "#cfec00"
      - value: 0
        color: "#ffff00"
      - value: 10
        color: "#ffcf00"
      - value: 20
        color: "#ff9900"
      - value: 30
        color: "#ff6600"
      - value: 40
        color: "#ff3d00"
      - value: 50
        color: "#ff0000"
      - value: 100
        color: "#ff7777"
experimental:
  color_threshold: true
yaxis:
  - id: deinpreis
    apex_config:
      title:
        text: €/kWh
      tickAmount: 10
apex_config:
  legend:
    show: false
  tooltip:
    style:
      fontSize: 12px
    x:
      show: true
      format: HH:00 - HH:59Eventuell falschen Sensor verwendet ?Nur leider bekomme ich den Betrag links oben nicht richtig angezeigt.

Sagt wer ? Welche Codezeile soll das machen ?und die linke skala sollte 2 stellen nach dem komma haben.
Dürfte wieder passen, wenn Du den richtigen Sensor verwendest ?Es sind im code die Farbabstufung drin aber es wird nicht angezeigt.
Hat wer eine Idee?
