ApexCharts card - A highly customizable graph card

Share your Projects! Dashboards & Frontend
3123

@MrGlad8 I m doing something similar, maybe this helps:
image

type: custom:apexcharts-card
apex_config:
  legend:
    show: false
  chart:
    stacked: true
  dataLabels:
    background:
      borderWidth: 0
      opacity: 0
      foreColor: '#03A9F4'
  plotOptions:
    bar:
      borderRadius: 5
      dataLabels:
        position: center
graph_span: 7d
span:
  end: day
show:
  last_updated: true
header:
  show: true
  show_states: true
  colorize_states: true
  title: Stromherkunft
series:
  - entity: sensor.home_selfuse_energy_daily
    color: orangered
    show:
      datalabels: true
      header_color_threshold: false
      extremas: false
    type: column
    name: von PV
    group_by:
      func: last
      duration: 1d
  - entity: sensor.grid_consumption_energy_daily
    color: pink
    show:
      extremas: false
      header_color_threshold: true
      datalabels: true
    type: column
    name: aus dem Netz
    group_by:
      func: last
      duration: 1d
  - entity: sensor.home_consumption_energy_daily
    color: '#03A9F4'
    show:
      header_color_threshold: true
      datalabels: true
    type: area
    name: Stromverbrauch
    group_by:
      func: last
      duration: 1d
    opacity: 0
    stroke_width: 0
1 Like