No HTML or foreignObject scene node: per-datum icons and badges cannot live inside the plot
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Idoneità per principianti
- 35/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Attiva
- Stack tecnologico
- react, typescript
- Ambito
- data-visualization, frontend
Direzione di ricerca
Start with the SceneNode definitions in packages/charts-core/src/types.ts and the renderSvg implementation mentioned in the issue. Trace how scene nodes are rendered and how layout, clipping, and enter/exit motion are handled. Done means choosing and documenting a supported way to render per-datum HTML or foreignObject content with the described layout and motion behavior.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
A chart that needs a per-datum icon, badge or other HTML inside the plot has no scene node for it.
SceneNodeisgroup | rule | polyline | area | dot | rect | label(types.ts:1599-1606). None embeds HTML or foreign content, andforeignObjectis not emitted anywhere incharts-core.SceneLabelcarries a plaintext: string(types.ts:1582-1586).- The only HTML slots are the tooltip body and the tooltip
portalextension (types.ts:1666). Neither follows the scene's layout, clipping or enter/exit motion.
Use case: marker discs on a time-series chart, each holding a caller-supplied icon (an SVG or React element), sized to fill the disc or inset from it. Today the icon can only be drawn as label text, so element icons cannot be shown.
Repro
Nothing to run; this is an absence. A mark that emits a SceneNode with kind: 'html' (or any non-listed kind) is not part of the type, and renderSvg has no branch for it.
Proposal
Either:
- A scene node that hosts HTML or
foreignObjectcontent (position, size, a child), rendered by the SVG renderer and skipped or rasterised by canvas; or - a documented custom-renderer slot for per-datum HTML that receives the resolved layout and takes part in enter and exit motion.
Checked against 57774e14a1a86081eddb3a23523724a40da05640 (v1.1.0).
- Lingua principale
- TypeScript
- Stelle
- 819
- Fork
- 49
- Merge medio
- 12h 9m
- PR unite (30g)
- 6
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di TanStack/charts
-
Renderer treats a sub-pixel width difference as a resize, which cancels the `motion()` entranceAperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 85/100
TanStack/charts#182 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
brushX with `values` can shorten the selection range when it’s dragged to the plot edgeForse già presa @andersk l’ha presa 6 giorni fa. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 48/100
I maintainer di solito rispondono entro 1 giorno
-
Grid and axis lines have no `shape-rendering` option, so hairlines anti-alias across two device rowsAperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 76/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di TanStack/charts
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
better-auth/better-auth#11723 · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno
-
area: docs difficulty: easy documentation good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
Worker-Erstellung bricht langsame Git-Worktree-Checkouts nach 20 Sekunden abForse già presa @KajoVanBuyten l’ha presa oggi. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 69/100
AgentSystemLabs/agent-office#367 ·
I maintainer di solito rispondono entro 1 giorno
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
pierrecomputer/pierre#1187 ·
I maintainer di solito rispondono entro 1 giorno
-
area: frontend bug
Difficoltà 1/5 1-3 ore Idoneità per principianti 85/100
snapotter-hq/SnapOtter#2425 ·
I maintainer di solito rispondono entro 1 giorno