✨ New Features & 🐛 Bug fixes

v3.33

🔍 Drill down into a bucket by clicking it

Seeing a spike on a monthly chart used to mean editing the card, or brushing over roughly the right area and hoping. Now you can just click it:

drill_down: true

Click a single bucket and the card reloads showing only that bucket, at the finer resolution the shorter window allows — click a month bar to see its days, click a day to see its hours, and keep going. Double-click steps back out one level, the same gesture that already undoes a brush zoom.

This is a real reload, not a magnifying glass: the card re-reads history at the finer resolution for the period you picked, so you see detail that simply was not in the original chart.

A few details:

• Clicking empty space, a bucket under a minute long, or a bucket that already fills the view, does nothing.
• Picking a new period from the date picker — a mode button, an arrow, a preset, a calendar day, or Now — drops you back out to that period. The same goes for the interval shortcuts, and for a period change arriving from a synced card. You never end up looking at a drilled-in slice of a range you have since moved away from.
• zoom_sync carries each step to the other cards in the group, in and out, so the whole group stays on the same period. Turn drill_down on for each card you want fetching the finer data itself rather than just following the window.
• It shares the double-click gesture with brush zooming, so a brush zoom is undone first, then drill levels. It shares the click handler too, which means it needs Brush Zooming left on.
• Timeline charts only, and off by default — the option sits next to Brush Zooming in the editor's Overlay tab.

🎨 Dial the fill under the line up or down

The shaded area under a line has always been drawn at one fixed strength. Some themes swallow it, and on a busy chart several overlapping fills turn into mud. Now each entity has its own Fill Opacity, sitting right next to Fill in the entity's Graph tab:

entities:
  - entity: sensor.power
    show_fill: true
    fill_opacity: 0.15

0 makes the fill invisible, 1 makes it solid. Leave it empty and nothing changes — the default is exactly the fill you have today.

With Gradient on, this is the opacity at the top of the fill, fading down to an eighth of it at the bottom, so the soft fade is preserved at any strength. With Gradient off, the flat fill uses half the value.

Useful for layering: give the background series a low value and the one you actually care about a high one, and the chart reads instantly.

---

🛠 Fixes & reliability

📐 Cards no longer grow every time you open the calendar

In a Sections dashboard, a card set to height: auto with grid_options.rows: auto got taller each time the date picker's calendar was opened or closed — a fixed step every click, and it never shrank back.

v3.32

📖 WIKI PAGES

WIKI is available here.

Special thanks to @andyblac for this great contribution. You can also check his integration Advanced History which uses Statistics Graph Chart Card as default history visualizer

✨ New Features

🏷️ Name a series by the attribute it plots (#327)

Graph two attributes of the same entity — a thermostat's current and target temperature, say — and both series were labelled with the entity's friendly name. Two identical entries in the legend, two identical rows in the tooltip, no way to tell them apart.

Two new card options fix that, everywhere the name appears — state row, legend, tooltip, stats and exports:

include_attribute_name: true      # "Lounge Heating · Current temperature"
use_only_attribute_name: true     # "Current temperature"

Pair the second with include_area_names and you get Current temperature · Lounge.

In the editor they are two toggles next to Area names, and they behave as alternatives — switching one on turns the other off.

---

🔠 State Timeline label size now covers the entity names too

state_timeline_label_font_size sized the state name drawn inside each segment, but the entity name in the column on the left stayed fixed at 11 px — so turning the segment font up left the two visibly out of step.

It now sizes both:

chart_mode: state_timeline
state_timeline_label_font_size: 16   # segments AND the entity names on the left

The label column is measured at the new size, so names still wrap onto up to three lines instead of being cut off, and rows grow to fit them. Leaving the option unset is unchanged — 10 px inside segments, 11 px for entity names, exactly as before.

Because the setting now reaches the entity names as well, the editor field no longer disappears when Show State Labels is turned off — it stays available for the whole of State Timeline mode.

---

🔴 A "Live" value in the entity legend

The legend row under the graph could show Min, Avg, Max, Sum and Last — all of them describing the time range on screen. There's now a sixth option, Live: the entity's state right now, whatever period the chart is showing.

entities:
  - entity: sensor.power
    show_in_legend: true
    legend_stats:
      - avg
      - live      # today's average, next to what the meter reads this second

In the editor it's a new checkbox next to Last and Sum, in the entity's Basic tab under Legend.

---

🛠 Fixes & reliability

📉 Stacked charts no longer break apart at zero (#330)

On a stacked chart, any series that touched 0 was cut in two there. A battery that stops charging, a grid feed that drops to nothing, a device that switches off — the line stopped dead, the fill ended, and both picked up again only once the value rose above zero. On a busy energy card that meant a row of ragged gaps right where the reading was simply zero.

🎨 State Timeline legend now shows the state colours (#332)

A State Timeline row is painted entirely from state_map — grey for off, yellow for on, whatever you defined. The legend ignored all of that and showed the entity's line colour, which in this mode is only a fallback for states you didn't map. With no colour set, that was a palette pick: a red chip sitting next to a grey-and-yellow row, pointing at nothing on screen.

🧩 No more hairline gaps between stacked areas

Where two stacked series met, thin slivers of the dashboard background showed through the seam — barely visible at normal size, obvious as dark wedges once you zoomed in with the brush.

The two series disagreed about the boundary they share. Series are drawn with smoothed curves by default, but each one closed the bottom of its fill with straight lines. So the lower series' rounded top and the upper series' straight bottom traced slightly different paths, and the background showed between them wherever the curve pulled away from the straight line.

🎨 card-mod styles no longer vanish on reload (#268)

Styling this card with card-mod was a lottery: your CSS applied while you were editing, then a page refresh or app restart silently dropped it, and re-saving the card brought it back.

The cause was a startup race. card-mod injects its style element into the card almost immediately, while the card builds its own content only after the first history fetch — and that first build rebuilt the card's insides from scratch, discarding whatever card-mod had already injected. card-mod never re-inserts on its own, so the styling stayed dead until something rebuilt the card (saving it in the editor, switching dashboards). Whether it "worked" simply depended on which of the two finished first.