apexchart - yaml (strømpriser)

type: custom:apexcharts-card
header:
  show: true
  title: ''
experimental:
  color_threshold: true
now:
  show: true
  label: Nå
  color: royalblue
graph_span: 2d
span:
  start: day
apex_config:
  dataLabels:
    enabled: true
  legend:
    show: true
  yaxis:
    - id: price
      show: true
      decimalsInFloat: 1
      floating: false
      forceNiceScale: true
      extend_to: end
      min: 0
series:
  - entity: sensor.brutto_strompris
    type: area
    yaxis_id: price
    curve: smooth
    stroke_width: 0
    show:
      legend_value: false
    color_threshold:
      - value: 0
        color: green
      - value: 0.5
        color: limegreen
      - value: 0.8
        color: lightgreen
      - value: 1
        color: gold
      - value: 1.2
        color: orange
      - value: 1.4
        color: darkorange
      - value: 1.6
        color: orangered
      - value: 1.8
        color: red
      - value: 2
        color: darkred
      - value: 2.2
        color: firebrick
      - value: 2.4
        color: darkviolet
      - value: 2.6
        color: indigo
      - value: 2.8
        color: mediumblue
      - value: 3
        color: royalblue
    data_generator: |
      var priceData = entity.attributes.pricedata;
      var data = priceData.map(function(entry) {
        return [new Date(entry.start), entry.value];
      });
      return data;
    extend_to: now
  - entity: sensor.netto_strompris
    type: line
    yaxis_id: price
    curve: smooth
    stroke_width: 2
    show:
      legend_value: false
    color: royalblue
    data_generator: |
      var priceData = entity.attributes.pricedata;
      var data = priceData.map(function(entry) {
        return [new Date(entry.start), entry.value];
      });
      return data;
    extend_to: now
  - entity: sensor.spotpris_strom
    type: line
    name: Spotpris
    yaxis_id: price
    curve: smooth
    stroke_width: 1
    show:
      legend_value: false
    color: grey
    data_generator: |
      var priceData = entity.attributes.pricedata;
      var data = priceData.map(function(entry) {
        return [new Date(entry.start), entry.value];
      });
      return data;
    extend_to: now