Untitled

type: vertical-stack
cards:
  - type: custom:apexcharts-card
    graph_span: 7d
    span:
      end: day
    header:
      show: true
      title: Spotreba plynu za 7 dní
    apex_config:
      chart:
        type: area
        height: 250
      stroke:
        show: true
        width: 2
        curve: smooth
      legend:
        show: true
      dataLabels:
        enabled: true
      fill:
        type: gradient
        gradient:
          shadeIntensity: 0.1
          opacityFrom: 0.25
          opacityTo: 1
          inverseColors: true
          stops:
            - 0
            - 90
            - 100
    series:
      - color: rgb(138,43,226)
        entity: sensor.gas_price_day
        name: plyn za deň
        type: column
        group_by:
          func: max
          duration: 24h
        show:
          datalabels: true
  - type: custom:apexcharts-card
    graph_span: 30 day
    span:
      end: day
    header:
      show: true
      title: Spotreba plynu v € za 30 dní
    apex_config:
      chart:
        type: area
        height: 250
        toolbar:
          show: true
      stroke:
        show: true
        width: 1
        curve: smooth
      legend:
        show: true
      dataLabels:
        enabled: true
      fill:
        type: gradient
        gradient:
          shadeIntensity: 0.1
          opacityFrom: 0.25
          opacityTo: 1
          inverseColors: true
          stops:
            - 0
            - 90
            - 100
    series:
      - color: rgb(255, 204, 0)
        entity: sensor.gas_price_day
        name: € za deň
        type: column
        float_precision: 2
        group_by:
          func: max
          duration: 24h
  - type: custom:apexcharts-card
    graph_span: 12month
    update_interval: 1d
    cache: true
    span:
      end: month
    header:
      show: true
      title: Spotreba plynu za rok
    apex_config:
      xaxis:
        labels:
          format: MM
          show: true
          showAlways: true
      chart:
        type: area
        height: 250
      stroke:
        show: true
        width: 2
        curve: smooth
      legend:
        show: true
      dataLabels:
        enabled: true
      fill:
        type: gradient
        gradient:
          shadeIntensity: 0.1
          opacityFrom: 0.25
          opacityTo: 1
          inverseColors: true
          stops:
            - 0
            - 90
            - 100
    series:
      - color: rgb(220,20,60)
        entity: sensor.gas_price_month
        name: plyn za mesiac
        type: column
        float_precision: 0
        group_by:
          func: last
          duration: 1 month
        show:
          datalabels: true