type: custom:apexcharts-card
header:
  show: true
  title: ApexCharts-Card
  show_states: true
  colorize_states: true
series:
  - entity: sensor.tibber_price
    name: Pris idag
    color_threshold:
      - value: 0
        color: green
      - value: 1
        color: orange
      - value: 2
        color: red
    type: column
    show:
      legend_value: false
      in_header: false
    data_generator: |
      var today = entity.attributes.today;
      var now = new Date();
      const data = [];
      for(let i = 0; i < 24; i++) {
        data.push([now.setHours(0,0,0,0) + i * 1000 * 60 * 60, today[i].total])
      }
      return data;
  - entity: sensor.tibber_price
    name: Pris imorgon
    color: grey
    opacity: 0.6
    show:
      legend_value: false
      in_header: false
    data_generator: |
      var today = entity.attributes.tomorrow;
      var now = new Date();
      const data = [];
      if (today.length != 0) {
        for(let i = 0; i < 24; i++) {
          data.push([now.setHours(0,0,0,0) + i * 1000 * 60 * 60, today[i].total])
        }
      }
      return data;