✨ New Features
🎯 Color Threshold Direction & Transition
Color thresholds now have two independent settings:
Direction — which axis colors are painted along:
- Vertical — Y-axis gradient. The entire chart is colored based on value height.
- Horizontal — per-segment coloring along the time axis. Each line segment gets the color of its value.
Transition — how colors change at threshold boundaries:
- Smooth — gradual blend between adjacent threshold colors.
- Hard — instant color switch at the threshold value.
All four combinations are available from the editor under Colors → Color Thresholds.
✏️ Annotation Manual Mode
Event markers and time spans can now be configured with fixed timestamps directly from the editor — no YAML required. A new Source toggle switches between:
- Entity — automatically tracks a binary sensor's state changes.
- Manual — enter specific start/end times (spans) or a single timestamp (events).
👁️ Annotation Opacity
All annotation types (threshold, band, event, span) now have an Opacity slider in the editor (0–1). Control how prominent or subtle each annotation appears.
🧩 Annotation Jinja Templates
Manual annotation fields (start, end, time, value, label) now support Jinja2 templates. Values update automatically when the referenced entities change.
annotations:
- type: threshold
value: "{{ states('sensor.target_temp') | float }}"
label: "Target"
- type: span
start: "{{ states('input_datetime.shift_start') }}"
end: "{{ states('input_datetime.shift_end') }}"🐛 Bug Fixes
🔖 Annotation Show Values
The Show Values toggle for threshold lines and bands now works. When enabled, the numeric value is displayed alongside the label. When no label is set, just the value is shown.
⬜ Rounded Bar Corners
Bars now have slightly rounded corners for a more polished look. Corner radius scales with bar width (up to 5px).
🌅 Bar Gradient Fill
Bar charts now feature a subtle vertical gradient — full color at the value end fading to 40% opacity at the baseline. Negative bars reverse the gradient direction. Disable per entity with gradient: false.
🔄 Invert + Stacked Bars
Fixed a bug where using invert: true on a bar entity together with stacked: true caused the inverted bars to stack on top of normal bars instead of drawing below zero. Butterfly charts now render correctly — positive bars go up, inverted bars go down.
0️⃣ Y-Axis Zero Label
The "0" label on the Y-axis was sometimes missing or overlapping with nearby values like 0.2. Zero now always appears when the chart crosses zero, and any nearby tick that would overlap is removed — because 0 is always more useful as a reference point than an arbitrary value next to it.
✂️ Y-Axis Label Clipping
Y-axis labels with wide values (e.g. 1880.1 or -9945.4) were cut off at the card edge. The chart now measures actual label width from real data values and reserves enough space so labels are never clipped.
🔢 Y-Axis Decimals
Setting decimals on an entity now correctly propagates to Y-axis labels when y_axis_decimals is not explicitly configured. Priority: y_axis_decimals > entity decimals > auto-detect from range.
📅 Date Format Consistency
datetime_format (e.g. DD/MM) was only applied to some parts of the chart. It now works consistently across X-axis date labels, X-axis time labels, extrema labels, and tooltips.
📊 Range Bands Not Showing
show_range_band: true stopped working with calendar group modes (group_by: date, week, month, year). The min/max range data was lost during calendar grouping. Range bands now display correctly for all group modes.
📐 Range Band Clipping
When range bands extended beyond the plotted data values, the band cloud was cut off at the chart edges. Y-axis bounds now include range band extremes so the full band is always visible.
🗓️ Date Picker — Jump to Current
Clicking the date label in the date picker now always jumps back to the current period, regardless of how far you've navigated. Previously this only worked when viewing a past period.
🎨 Editor — Template Colors
Entity color dots in the editor now correctly display resolved template colors (e.g. color: "{{ 'green' }}") instead of showing the default red.
🔻 Negative Threshold Color Extension
The lowest color threshold now extends to negative infinity — symmetric with how the highest threshold already extended to positive infinity. No more fallback to the entity's base color below the lowest threshold.