Använder Apexcharts card för Home Assistant Dashboard

För att presentera grafer och tabeller använder jag Apexcharts card för Home Assistant Dashboard

Med Apexchart card tycker jag att min Dashboard blir lite roligare och informativ. Jag använder Apexcharts card för att få grafer och tabeller presenterat på ett snyggt sätt på min Dashboard. T ex använder jag kortet för att presentera dagens och morgon dagens elpriser. Istället för att bara använda priset i automationer så tycker jag att det är bra att ha en bra koll på hur dagens priser ser ut.

Nedan är ett exempel på hur jag får elpriserna presenterade på min Dashboard med hjälp av Apexcharts.

Ett annat exempel är att jag presenterar hur många kWh mina storförbrukare har konsumerat över dagen

Installera Apexcharts-card i Home Assistant

Apexcharts-card finns tillgänglig via HACS. Laddar ned och installerar via HACS och sedan startar om Home Assistant. Githubsidan för apexchart-card hittas här: GitHub – RomRider/apexcharts-card: 📈 A Lovelace card to display advanced graphs and charts based on ApexChartsJS for Home Assistant

Använda yaml

För att konfigurerar ett kort med apexchart måste jag använda yaml. Det finns otroligt bra instruktioner på sidan för Apexcharts-card och det är lätt att hitta information hur jag konfigurerar och hur jag kan visa grafer och tabeller.

Exempel på hur jag presenterar elpriset på min Dashboard


type: custom:apexcharts-card
graph_span: 24h
apex_config:
  chart:
    height: 178px
show:
  last_updated: true
experimental:
  color_threshold: true
header:
  title: Dagens elpriser
  show: true
  show_states: true
  colorize_states: true
span:
  start: day
now:
  show: true
  label: Nu
series:
  - entity: sensor.nordpool
    show:
      extremas: true
      in_header: raw
      header_color_threshold: true
    float_precision: 3
    type: column
    data_generator: |
      return entity.attributes.raw_today.map((start, index) => {
        return [new Date(start["start"]).getTime(), entity.attributes.raw_today[index]["value"]];
      });
    color_threshold:
      - value: 0
        color: "#2085e3"
      - value: 0.1
        color: "#04822e"
      - value: 0.15
        color: "#12A141"
      - value: 0.3
        color: "#79B92C"
      - value: 0.35
        color: "#C4D81D"
      - value: 0.4
        color: "#F3DC0C"
      - value: 0.45
        color: "#F4C616"
      - value: 0.5
        color: "#EFA51E"
      - value: 0.55
        color: "#E76821"
      - value: 0.6
        color: "#E33F20"
      - value: 0.65
        color: "#DC182F"

Exempel på hur jag kWh elpriset på min Dashboard


type: custom:apexcharts-card
chart_type: pie
cache: true
span:
  start: day
header:
  show: true
  show_states: true
  colorize_states: true
series:
  - entity: sensor.vitvaror_energy_daily
    name: Vitvaror
  - entity: sensor.media_and_network_energy_daily
    name: Media
  - entity: sensor.varme_vent_energy_daily
    name: Värme & Vent
  - entity: sensor.spabad_energy_daily
    name: Spa
  - entity: sensor.all_light_group_energy_daily
    name: Belysning
  - entity: sensor.bil_energy_daily
    name: Bil