type: horizontal-stack
cards:
  - type: custom:apexcharts-card
    experimental:
      color_threshold: true
    graph_span: 2day
    update_interval: 2m
    now:
      show: true
      label: Jetzt
      color: gray
    span:
      offset: +0day
      start: day
    yaxis:
      - id: primary
        decimals: 1
        min: "|-1|"
        max: "|+1|"
    header:
      show: true
      title: Strompreis
      show_states: true
      colorize_states: true
    all_series_config:
      unit: ct/kWh
      type: line
      stroke_width: 0
      show:
        legend_value: false
        in_header: true
        header_color_threshold: true
      color_threshold:
        - value: 0
          color: "#00c700"
        - value: 5
          color: "#7ddc00"
        - value: 10
          color: "#ffdd00"
        - value: 15
          color: "#ffb700"
        - value: 20
          color: "#ff7f00"
        - value: 25
          color: "#ff4c00"
        - value: 30
          color: "#ff0000"
    series:
      - entity: sensor.energy_spot_price
        name: Electricity Price
        type: column
        extend_to: end
        data_generator: |
          return entity.attributes.data.map((entry) => {
            return [new Date(entry.start_time), entry.price_per_kwh];
          });