Apex kortti

type: vertical-stack
cards:
  - type: custom:config-template-card
    entities:
      - input_select.apex_time
    variables:
      span: states['input_select.apex_time'].state
    card:
      type: custom:apexcharts-card
      header:
        title: lämmitys ja jäähdytys
        show: true
        show_states: true
      update_interval: 10min
      graph_span: ${span}
      apex_config:
        grid:
          show: true
        legend:
          show: false
        chart:
          height: 300px
      experimental:
        color_threshold: true
      yaxis:
        - id: temperature
          min: ~18
          max: "|+3|"
          decimals: 1
          apex_config:
            tickAmount: 5
            labels:
              formatter: |
                EVAL:v => `c ${v.toFixed(2)}`
        - id: heating
          show: false
          min: 0
          max: 1
        - id: cooling
          show: false
          min: 0
          max: 1
      series:
        - entity: climate.bath_floor_heating
          attribute: current_temperature
          yaxis_id: temperature
          name: current temperature
          type: line
          unit: °C
          stroke_width: 1.5
          opacity: 0.8
          curve: smooth
          group_by:
            func: median
            duration: 5min
          show:
            header_color_threshold: true
            legend_value: false
            extremas: false
          color: white
        - entity: climate.bath_floor_heating
          attribute: temperature
          name: Set temperature
          show:
            in_header: true
          group_by:
            fill: last
          yaxis_id: temperature
          type: line
          curve: stepline
          unit: °C
          float_precision: 1
          opacity: 0.5
          stroke_width: 1.5
          color: gold
        - entity: switch.test_plus2pm_switch_0
          transform: "return x === 'on' ? 1 : 0;"
          yaxis_id: heating
          name: Heating
          type: area
          color: red
          group_by:
            func: raw
          show:
            legend_value: false
            in_header: false
            name_in_header: false
            datalabels: false
          extend_to: false
        - entity: switch.test_plus2pm_switch_1
          transform: "return x === 'on' ? 1 : 0;"
          yaxis_id: cooling
          name: Cooling
          type: area
          color: blue
          group_by:
            func: raw
          show:
            legend_value: false
            in_header: false
            name_in_header: false
            datalabels: false
          extend_to: false
  - type: horizontal-stack
    cards:
      - type: entities
        entities:
          - input_select.apex_time