Apexcharts-card date selection

Configuration Frontend
1

Hi,

I have setup apexcharts-card to show my hourly power consumption.

Untitled

I want to select a date & show the data of that date in the graph. Is this possible?
If yes, please show me how to configure this.

This is my existing card

type: custom:apexcharts-card
header:
  show: true
  title: Hourly usage with Brealer
  show_states: true
  colorize_states: true
apex_config:
  chart:
    height: 280px
  tooltip:
    enabled: true
    shared: true
    followCursor: true
graph_span: 1d
now:
  show: false
  color: grey
  label: Now
span:
  start: day
  offset: '-0day'
all_series_config:
  type: column
  show:
    legend_value: true
    extremas: true
    in_header: true
series:
  - entity: sensor.hourly_with_breaker
    name: Usage
    type: column
    float_precision: 2
    color: '#ff9800'
    opacity: 1
    yaxis_id: capacity
    extend_to: now
    group_by:
      func: last
      duration: 1h
2

Yes but with a bit of work as it only accepts offset
You would need config card templater and then write a template that changes the selected date to an offset where the date comes from a date-helper.
Alternatively (easier), is to use a helper numeric value and apply that as an offset

There are a few examples in the huge post here ApexCharts card - A highly customizable graph card - Share your Projects! / Dashboards & Frontend - Home Assistant Community (home-assistant.io)

1 Like