Skip to content

✨ New Features

Choose a tag to compare

@cataseven cataseven released this 01 Jun 09:08
59477fe

☝️ If you are reading this, that means I am dead and asking you from the heaven (probably from the hell) to give the repo a star on github 🪽 (ofc If you like it) https://github.com/cataseven/Statistics-Graph-Chart-Card

✌️ Second thing, you can share your Card screenshots and yamls under discussion in order to give inspration to other users. Here


📆 Day names on the X-axis

The Date Format list now includes weekday options: ddd (Mon / Mo), dddd (Monday), and combinations like ddd DD MMM (Mon 1 Jun). Perfect for "last N days" views where you want to see the day at a glance. Day names follow your dashboard's language (Mon / Mo / Pzt …). They label the date ticks only — the intraday clock keeps showing the time — and you can use dddd on its own for just the day name. Works from the editor's Date Format dropdown or as a custom pattern in YAML.

day

🗂️ Layering with Z-Index

A new per-entity Z-Index controls which curve is drawn in front. Higher = on top, lower or negative = behind; the default keeps your configuration order. Crucially, it's independent of the legend order — so you can bring a line to the front, or push it behind another, without reshuffling your entities (which used to move the legend/state row too). Find it in each entity's Appearance tab, or set z_index in YAML.

zindex

🐛 Fixes

Bar charts now sit on the axis

Bars no longer float above the X-axis. When a bar's values are all positive, the axis stays anchored at zero instead of padding below it, so bars grow cleanly from the baseline. This was most visible on charts with a soft or independent Y-axis range — for example a UV index (0–11) plotted on a 0–25 axis. Bars with negative values, and line / area charts, are unaffected.

Updating: Home Assistant caches the card aggressively — after updating, hard-refresh your browser ctrl+shift+R, or clear cache via menu


For users who are still not updated to v3.08 (yesterday release)

✨ What's New v3.08

📅 Date Picker — rolling "Last N" ranges

datepicker

Pick a rolling window that always ends at now: Last 24H, 3D, 7D, 15D, 30D, 90D, 180D, 12M. Set one as the view the card opens on, or add them as buttons next to D / W / M / Y. The ◀ ▶ arrows jump a whole period at a time. The classic Day / Week / Month / Year buttons are unchanged.

📡 Attribute history in State Timeline (#219)

A State Timeline row can now show the history of an attribute instead of the entity's state — perfect for things Home Assistant already records, like a TV's current app, a Wi-Fi band, or a thermostat's heating/idle action. Just choose the attribute and list its values in the State Map. No template sensor needed.

image image image
type: custom:statistics-graph-chart-card
chart_mode: state_timeline
card_header: SONY KD-65XH9077 — Aktivite
hours_to_show: 24
state_timeline_corner_radius: 4
entities:
  - entity: remote.bravia_xh9077
    name: Aktivite
    attribute: current_activity
    state_map:
      - value: Amazon Prime
        label: Amazon Prime
        color: "#00A8E1"
      - value: Google Play
        label: Google Play
        color: "#34A853"
      - value: Wallpaper
        label: Duvar Kağıdı
        color: "#9B59B6"
      - value: Home Screen
        label: Ana Ekran
        color: "#7F8C8D"
      - value: Youtube
        label: YouTube
        color: red
      - value: Radio
        label: Radyo
        color: "#F39C12"
      - value: Netflix
        label: Netflix
        color: orange
      - value: TV
        label: TV
        color: "#3498DB"
      - value: Spotify
        label: Spotify
        color: "#1DB954"
      - value: Tabii
        label: Tabii
        color: "#00BFA5"
      - value: Tivibu
        label: Tivibu
        color: "#E6007E"
      - value: Ace Stream
        label: Ace Stream
        color: "#34495E"

🎨 Per-state colours in the editor

The State Map field now accepts value, label, color, so you can give each state its own colour right in the visual editor — no YAML required. Ideal for making every State Timeline segment a different colour.

statemap

↕️ Tooltip order & a unit on the Total (#221)

A new Tooltip Order option (Overlay → Tooltip) lets you list tooltip rows as Default, Reverse (matches a stacked chart top-to-bottom), or Alphabetic. The Total row now also shows the unit (e.g. 6.20 kWh) when every entity shares one.

tooltip

🕓 Tooltip date can match the axis (#215)

Switch on Tooltip Date = Axis (Overlay → Tooltip) to make the tooltip's date read just like the X-axis — e.g. May 26 on long-range views instead of a full timestamp.

🔤 More date formats

New ready-made formats, including month names that follow your dashboard's language (MMM YYMay 26 in English, Mai 26 in German) and ISO styles like YYYY-MM-DD.

🪜 State Timeline X-axis labels (#218)

State Timeline now has the same X-axis label controls as Timeline — size, opacity, colour, and a separate colour for date labels — under the X Axis tab.

〽️ Labels on moving-average lines

Each moving average can show a small MA7 / MA26 label at the end of its line. Turn it on per line, next to the colour picker.

🐛 Fixes

  • State Timeline now matches HA's History (#208) — states are drawn as real segments at their actual change times instead of being merged or dropped, and it stays accurate at any Points/Hour. Very short states may still be too narrow to see on a wide view — zoom into a smaller window to reveal them, just like HA's own history.
  • Colour variables in Pie & more (#217)color: var(--my-colour) now works in Pie, Radial Bar, Polar Area, Radar and Ranking, not just Timeline.
  • Clean 12 months in Year view (#216) — a year grouped by month no longer shows an extra empty column for next January.

Updating: Home Assistant caches the card aggressively — after updating, hard-refresh your browser ctrl+shift+R, or clear cache via menu