make FigureWidget resizing responsive
Nessuno ha ancora preso questa issue.
- Lingua principale
- Python
- Stelle
- 18.8k
- Fork
- 2.8k
- Merge medio
- 16h 26m
- PR unite (30g)
- 21
Descrizione
Hi there,
As suggested by @nicolaskruchten I am open this issue to address FigureWidget specific resizing challenges.
As of the latest 5.12 release the resizing of a plotly FigureWidget is resolved:
import plotly.graph_objects as go
fig = go.FigureWidget()
fig
- #3689
But the issue remains when the widget is in another widget container.
import plotly.graph_objects as go
import ipywidgets as ipw
fig = go.FigureWidget()
ipw.VBox([fig])
- There is a similar issue with bqplot that was adresssed by @mariobuikhuizen [bqplot/bqplot#1531], maybe this is a good starting point (see @maartenbreddels comment https://github.com/plotly/plotly.py/pull/3930#issuecomment-1377376325)
Also it would really help to make responsive webapps with the ipywidgets ecosystem if the FigureWidget would also resize vertically to the available space inside its container.
No one on the Plotly team is really actively working on the Widget side of things so PRs are very welcome :)
I would gladly contribute but my knowledge in javascript is quasi non-existent^^, so I hope some of you are able to help out here.
Best regards, Alex-
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 riproducendo il FigureWidget all’interno di ipywidgets.VBox mostrato nell’issue, quindi leggi l’issue di bqplot referenziata e il commento alla PR di plotly.py per il comportamento rilevante relativo al ridimensionamento. Il lavoro è completato quando FigureWidget si ridimensiona in modo responsivo all’interno di un altro contenitore di widget, anche verticalmente fino allo spazio disponibile.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, python
- Ambito
- frontend, web-dev
- Tipo di issue
- Funzionalità
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100