Jluc
2 Junio, 2025 16:59
1
Hola,
No sé si lo sabes: puedes renombrar « Sensor de luminosidad Balcón norte (Luminosidad decimal) (lx) » para un título más corto directamente en la edición del widget, al menos así reducirás el ancho de esta ventana
Jluc
6 Junio, 2025 10:51
3
Gracias @pierre-gilles , he podido reducir el número de caracteres sin poder eliminar la paréntesis y la unidad que contiene.
No estoy seguro de saber lo que veo.. ¿Has hecho un montaje con las diferentes capturas de pantalla?
¿Puedes hacerme una captura de pantalla completa, sin recortar, del problema?
Jluc
6 Junio, 2025 13:59
5
Aquí está la captura:
Lo ideal sería que la ventana estuviera desplazada con respecto a la curva.
Jluc
6 Junio, 2025 14:03
6
Para visualizar correctamente la curva a medida que el cursor se mueve.
Ok, veo, efectivamente tengo el mismo comportamiento en mi casa.
Hay que ver hasta qué punto se puede personalizar esto, usamos el tooltip apexcharts-tooltip-rangebar de ApexCharts
Jluc
4 Noviembre, 2025 09:31
8
Hola,
Sigo teniendo el mismo problema después de acortar la información. He dejado sin conocer sus consecuencias, la longitud del nombre de los dispositivos. Con muchas escenas, es tedioso acortarlas. La solución ahora sería separar la información de las curvas para visualizarlas e interpretarlas fácilmente.
Jluc
26 Marzo, 2026 13:41
9
Elimino el voto para esta solicitud y algunos otros, especialmente para los temas que no han interesado.
Hola @Jluc ,
Está corregido:
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.
Gracias por tu comentario y disculpa por el retraso
Jluc
14 Agosto, 2026 09:41
11
Hola @pierre-gilles ,
No hay problema con el plazo, aparte de @l.dolle nadie parecía molesto por el tema y con todas las novedades, lo entiendo bien.
Gracias a ti.
i
Cierro este post porque el parche está disponible en 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
