Jluc
Juin 2, 2025, 4:59
1
Bonjour,
Je ne sais pas si tu sais : tu peux renommer « Capteur luminosité Balcon nord (Luminosité décimale) (lx) » pour un titre moins long directement dans l’édition du widget, au moins ça réduira la largeur de cette fenêtre
Jluc
Juin 6, 2025, 10:51
3
Merci @pierre-gilles , j’ai pu réduire le nombre de caractères sans toutefois parvenir à supprimer la parenthèse et l’unité qu’elle contient.
Je ne suis pas certain de savoir ce que je vois… Tu as fais un montage avec les différents screenshots ?
Est-ce que tu peux me faire une capture d’écran complète, non-recadrée, du problème ?
Jluc
Juin 6, 2025, 1:59
5
Voici la capture :
L’idéal serait que la fenêtre soit décalée par rapport à la courbe.
Jluc
Juin 6, 2025, 2:03
6
Afin de bien visualiser la courbe au fur et à mesure du déplacement du curseur.
Ok je vois, effectivement j’ai le même comportement chez moi.
Il faut voir à quel point on peut personnaliser ça, on utilise le tooltip apexcharts-tooltip-rangebar d’ApexCharts
Jluc
Novembre 4, 2025, 9:31
8
Bonjour,
J’ai toujours le même problème après avoir raccourci les informations. J’ai laissé sans connaître ses incidences, la longueur du nom des appareils. Avec beaucoup de scènes, c’est fastidieux de les raccourcir. La solution maintenant serait de détacher les infos des courbes pour les visualiser et les interpréter facilement.
Jluc
Mars 26, 2026, 1:41
9
Je supprime le vote pour cette demande et quelques autres notamment pour les sujets qui n’ont pas intéressé.
Salut @Jluc ,
C’est corrigé :
La 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.
Merci pour ton retour et désolé pour le délai
Jluc
Août 14, 2026, 9:41
11
Salut @pierre-gilles ,
Pas de soucis pour le délai, à part @l.dolle personne ne semblait gêné par le sujet et avec toutes les nouveautés, je comprends bien.
Merci à toi.
i
Je ferme ce post car le fix est disponible dans Gladys Assistant 4.86 :
Salut à tous !
Super heureux de sortir Gladys Assistant 4.86.
C’est simple, c’est la plus grosse version depuis le début du projet, avec 68 PR fusionnées en une semaine
