ApexCharts card - A highly customizable graph card

type: custom:config-template-card
view_layout:
  grid-area: body1
entities:
  - sensor.helium_wallet_today
card:
  type: custom:apexcharts-card
  header:
    show: true
    show_states: true
    colorize_states: true
    title: Helium Mined Today
  span:
    start: day
  graph_span: 24h
  all_series_config:
    stroke_width: 2
    type: line
    extend_to_end: false
    float_precision: 2
  color_list:
    - lightblue
    - grey
  series:
    - entity: sensor.helium_wallet_today
      name: Today
      yaxis_id: hnt
      type: area
      group_by:
        func: avg
        duration: 20min
    - entity: sensor.helium_wallet_today_value
      name: Today
      color: '#85BB65'
      show:
        in_header: true
        in_chart: false
    - entity: sensor.helium_wallet_today
      name: Yesterday
      offset: '-24h'
      opacity: 0.2
      yaxis_id: hnt
      group_by:
        func: avg
        duration: 20min
      show:
        in_header: true
    - entity: sensor.helium_wallet_today_value
      name: Yesterday
      color: '#85BB65'
      offset: '-24h'
      show:
        in_header: true
        in_chart: false
  apex_config:
    yaxis:
      - id: hnt
        seriesName: HNT
        decimalsInFloat: 2
    tooltip:
      x:
        format: ddd dd MMM - HH:mm
    xaxis:
      tooltip:
        enabled: false
    legend:
      show: false
    grid:
      borderColor: '#7B7B7B'
    chart:
      foreColor: '#7B7B7B'
      toolbar:
        show: false
1 Like