Is layout.height really disallowed when layout.autosize=true ?
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 25/100
- Type d'issue
- Fonctionnalité
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- javascript, react
- Domaine
- data-visualization, frontend
Piste de recherche
Commencez par la documentation de responsive-fluid-layout et les deux CodePens associés, puis comparez le comportement de layout.height avec celui de layout.autosize dans plotly.js et react-plotly.js. Le travail est considéré comme terminé lorsque le projet dispose d’une approche décidée et documentée pour réduire l’espace vide du tableau tout en préservant son redimensionnement responsive.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
I've got a responsive table created per this repo's docs:
To make a plot responsive, i.e. to fill its containing element and resize when the window is resized, use style or className to set the dimensions of the element (i.e. using width: 100%; height: 100% or some similar values) and set useResizeHandler to true while setting layout.autosize to true and leaving layout.height and layout.width undefined. This can be seen in action in this CodePen and will implement the behaviour documented here: https://plot.ly/javascript/responsive-fluid-layout/
I would like to reduce the whitespace below the table by using the layout.height property which seems to work in plotly.js (CodePen) and doesn't appear to be prohibited per the responsive-fluid-layout section cited above. Is there another approach we can/should take in react-plotly if the layout.height property must remain undefined here?
- Langage dominant
- JavaScript
- Étoiles
- 1.1k
- Forks
- 138
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de plotly/react-plotly.js
-
P3 plotly-internal size: 1 task
Difficulté 3/5 1-2 jours Accessibilité débutants 45/100
plotly/react-plotly.js#386 ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 48/100
plotly/react-plotly.js#358 · 1 commentaire ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
plotly/react-plotly.js#354 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 30/100
plotly/react-plotly.js#353 · 1 commentaire ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
plotly/react-plotly.js#352 · 1 commentaire ·
Toutes les issues de plotly/react-plotly.js
Issues similaires
-
bug confirmed js v6
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
Les mainteneurs répondent en général sous 1 jour
-
BUG
Difficulté 1/5 1-3 heures Accessibilité débutants 90/100
linuxmint/cinnamon-spices-applets#9223 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
nopSolutions/nopCommerce#8440 ·
Les mainteneurs répondent en général sous 1 jour
-
follow-up
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
Les mainteneurs répondent en général sous 1 jour