Jluc
June 2, 2025, 4:59pm
1
Hello,
I don’t know if you’re experiencing the same issue with the chart display.
The curves are generally not visible, hidden beneath the window. Could a dynamic window be configured to be movable and resizable?
I’m not sure if you know: you can rename « Light sensor North balcony (Decimal brightness) (lx) » to a shorter title directly in the widget editor, at least it will reduce the width of this window
Jluc
June 6, 2025, 10:51am
3
Thank you @pierre-gilles , I was able to reduce the number of characters but couldn’t manage to remove the parenthesis and the unit it contains.
In the end, the detail of the curve is still hidden.
I’m not sure I know what I’m looking at.. Did you make a montage with the different screenshots?
Can you take a full, uncropped screenshot of the problem for me?
Jluc
June 6, 2025, 1:59pm
5
Here is the screenshot :
Ideally the window should be offset relative to the curve.
Jluc
June 6, 2025, 2:03pm
6
To clearly visualize the curve as the slider moves.
Ok, I see — indeed I have the same behavior on my end.
We need to see how much we can customize that; we use the tooltip apexcharts-tooltip-rangebar from ApexCharts
Jluc
November 4, 2025, 9:31am
8
Hello,
I still have the same problem after shortening the information. I left the length of the device names as-is, not knowing the consequences. With many scenes, it’s tedious to shorten them. The solution now would be to separate the information from the graphs so they can be easily viewed and interpreted.
Jluc
March 26, 2026, 1:41pm
9
I’m removing the vote for this request and a few others, notably for topics that didn’t attract interest.
Hi @Jluc ,
It’s fixed:
The PR:
master ← claude/affichage-temperatures-j0zcyh
ouvert 07:32AM - 14 Aug 26 UTC
### Description
On dashboard charts, the tooltip was pinned to the top-left of … the chart (`fixed: { position: 'topLeft' }`), so it permanently covered the curves while hovering — especially with several series (e.g. multiple temperature sensors), where the tooltip is tall enough to hide most of the chart.
**What this PR does:**
1. Removes the fixed tooltip positioning (`ApexChartComponent.jsx` for line/area/stepline/bar/energy consumption charts, `ApexChartTimelineOptions.js` for the timeline chart) and enables `followCursor`.
2. Keeps the tooltip **30px away from the cursor** (new `apexChartTooltipPositioning.js` module), preferring the bottom-right of the cursor and flipping to the other side near the chart edges — plain `followCursor` was not enough, the tooltip stuck to the pointer and still covered the curve under it.
3. Caps the tooltip width at `min(320px, 80vw)` and lets long device names wrap (`style/index.css`), so a device like `Capteur température terrasse (Température) (°C)` no longer stretches the tooltip across the whole chart.
**Why a MutationObserver:** ApexCharts repositions its tooltip from several code paths — synchronously in its own mousemove listeners, but also from a ~100ms throttle timer (`seriesHoverTimeout`) that fires *after* the cursor stops moving. Positioning only from `chart.events.mouseMove` therefore always ends up overridden (this is the race that blocked the previous attempt in #2613). A MutationObserver on the tooltip element re-applies our position whenever ApexCharts moves it, as a microtask before the frame is painted: no flicker, and the native positioning can never win once the cursor stops.
**Verified with Playwright** against the real ApexCharts build (line chart with axes + sparkline box, 3 long-named series): 30px gap maintained at chart center, edges, and after a fast sweep followed by a dead stop (the throttled ApexCharts redraw no longer wins the race).
## Forum
Forum: https://community.gladysassistant.com/t/affichage-temperatures/10417
### Checklist
- [x] Tests pass: front-only change, no server code touched; behavior verified with Playwright against the bundled ApexCharts build
- [x] Linter and prettier pass on both front and server (`npm run eslint`, `npm run prettier-check` on front — 0 errors)
- [x] No undocumented breaking change
## Summary by CodeRabbit
* **Bug Fixes**
* Updated chart tooltips to follow the cursor for more intuitive positioning.
* Removed fixed top-left tooltip placement across standard and timeline charts.
* Improved tooltip behavior near chart edges and on touch devices.
* Ensured tooltip positioning remains consistent as chart content updates.
* **Style**
* Limited tooltip width and enabled long device names to wrap for improved readability.
Thanks for your feedback and sorry for the delay
We should have handled this much earlier! Now, with Claude, this kind of fix is much faster.
Jluc
August 14, 2026, 9:41am
11
Hi @pierre-gilles ,
No worries about the deadline, apart from @l.dolle no one seemed bothered by the topic and with all the new features, I totally get it.
Thanks to you.
i
I’m closing this post as the fix is available in Gladys Assistant 4.86:
Hi everyone!
Super excited to release Gladys Assistant 4.86.
It’s simple, it’s the biggest version since the start of the project, with 68 PRs merged in one week
It’s just incredible, and it shows the new pace we can keep with AI.
The goal is now clear: catch up with and surpass Home Assistant
I’ll talk about these 68 new features here:
Thanks to all the contributors!!