Nordpool apexchart-card v2

type: custom:apexcharts-card
graph_span: 48h
brush:
  selection_span: 48h
  apex_config:
    chart:
      height: 150px
    grid:
      show: true
      position: back
      strokeDashArray: 0.5
      xaxis:
        lines:
          show: true
    xaxis:
      type: datetime
      labels:
        show: true
        rotate: -55
        rotateAlways: true
span:
  start: day
  offset: ''
header:
  title: ''
  show: true
  show_states: true
  colorize_states: true
hours_12: false
stacked: false
experimental:
  color_threshold: true
  brush: true
all_series_config:
  show:
    legend_value: false
    datalabels: false
    extremas: true
    in_brush: true
  float_precision: 2
  invert: false
  fill_raw: 'null'
  color_threshold:
    - value: -1
      color: 1E90FF
    - value: 2.5
      color: '008000'
    - value: 3
      color: DAA520
    - value: 4
      color: FF0000
now:
  show: true
  label: Nu
  color: olive
series:
  - entity: sensor.nordpool_kwh_dk2_dkk_2_00_025
    name: Elpris
    opacity: 0.9
    extend_to_end: false
    type: line
    curve: stepline
    stroke_width: 1.5
    show:
      in_header: raw
      in_brush: true
      header_color_threshold: true
    data_generator: |
      return (entity.attributes.raw_today.map((start, index) => {
        return [new Date(start["start"]).getTime(), entity.attributes.raw_today[index]["value"]];
      })).concat(entity.attributes.raw_tomorrow.map((start, index) => {
        return [new Date(start["start"]).getTime(), entity.attributes.raw_tomorrow[index]["value"]];
      }));
apex_config:
  tooltip:
    fixed:
      enabled: true
      position: topRight
      offsetY: 10
      offsetX: -25
    followCursor: true
  chart:
    height: 400px
  title:
    text: Nordpool
    align: Center
  xaxis:
    type: datetime
    labels:
      show: true
      rotate: -55
      rotateAlways: true
  yaxis:
    opposite: false
    reversed: false
    logarithmic: false
    decimalsInFloat: 2
    labels:
      show: true
    tooltip:
      enabled: true
    crosshairs:
      show: true
  legend:
    show: false
    floating: true
    offsetY: 5
  grid:
    show: true
    xaxis:
      lines:
        show: true
    yaxis:
      lines:
        show: false
    position: back
    strokeDashArray: 0.5
  markers:
    size: 0.1