add argument to modify hover box position/direction
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 18.3k
- Fork
- 2k
- Merge medio
- 2g 12h
- PR unite (30g)
- 28
Descrizione
Right now developers can't modify the hover box position respective to the point the user is hovering. The hover box position is determined by:
- The numbers in the
"transform=translate(valuex, valuey)"argument of thegelement withclassName="hovertext": https://github.com/plotly/plotly.js/blob/master/src/components/fx/hover.js#L1200 - The shape specified in
din thepathelement (for the triangle orientation): https://github.com/plotly/plotly.js/issues/7278
https://github.com/user-attachments/assets/0634d079-b4eb-4325-af67-d13ac0fc6ba1
Desired behavior:
- Some argument like dcc.Tooltip
direction: https://dash.plotly.com/dash-core-components/tooltip#tooltip-properties - It should also allow diagonal/combined positions ("bottom+right")
# the python way
fig.update_traces(hoverbox_direction="right")
fig.update_traces(hoverbox_direction="left+top")
Guida per i contributori
Apri 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.
Direzione di ricerca
Inizia in src/components/fx/hover.js intorno all’elemento g con className="hovertext" e al suo transform, quindi esamina l’issue #7278 per l’orientamento del triangolo hover. Definisci come un argomento di direzione debba essere associato al riquadro hover e al triangolo, incluse direzioni combinate come "left+top"; il lavoro è completato quando i chiamanti possono selezionare queste posizioni tramite la configurazione trace richiesta.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript
- Ambito
- data-visualization, frontend
- Tipo di issue
- Funzionalità
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 25/100