type: custom:apexcharts-card
apex_config:
  chart:
    height: 350px
    toolbar:
      show: true
      offsetY: -27
      tools:
        selection: true
        download: false
        zoom: false
        zoomin: true
        zoomout: true
        pan: true
        reset: true
    zoom:
      enabled: true
all_series_config:
  unit: ' kr.'
experimental:
  color_threshold: true
header:
  title: Elpriser pr. time (kr/kWh)
  show: true
  standard_format: true
  show_states: false
  colorize_states: true
now:
  show: true
  label: Nu
graph_span: 36h
span:
  start: hour
  offset: '-6h'
yaxis:
  - min: 0
    apex_config:
      tickAmount: 5
series:
  - entity: sensor.energi_data_service_elpriser_inkl_afgifter
    type: column
    name: Inkl. afgifter
    data_generator: |
      var today = entity.attributes.raw_today.map((start, index) => {
        return [new Date(start["hour"]).getTime(), entity.attributes.raw_today[index]["price"]];
      });
      if (entity.attributes.tomorrow_valid) {
        var tomorrow = entity.attributes.raw_tomorrow.map((start, index) => {
          return [new Date(start["hour"]).getTime(), entity.attributes.raw_tomorrow[index]["price"]];
        });

        var data = today.concat(tomorrow);
      } else {
        var data = today
      }
      return data;
    float_precision: 2
    color_threshold:
      - value: 0
        color: green
      - value: 2
        color: orange
      - value: 3.5
        color: red
      - value: 5
        color: darkred
    show:
      extremas: time
      legend_value: false
  - entity: sensor.energi_data_service_elpriser_excl_afgifter
    name: Excl. afgifter
    type: line
    color: 03a9f4
    stroke_width: 4
    float_precision: 2
    extend_to: false
    show:
      extremas: true
      legend_value: false
    data_generator: |
      var today = entity.attributes.raw_today.map((start, index) => {
        return [new Date(start["hour"]).getTime(), entity.attributes.raw_today[index]["price"]];
      });
      if (entity.attributes.tomorrow_valid) {
        var tomorrow = entity.attributes.raw_tomorrow.map((start, index) => {
          return [new Date(start["hour"]).getTime(), entity.attributes.raw_tomorrow[index]["price"]];
        });

        var data = today.concat(tomorrow);
      } else {
        var data = today
      }
      return data;