Is layout.height really disallowed when layout.autosize=true ?
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- data-visualization, frontend
Línea de trabajo
Comienza con la documentación de responsive-fluid-layout y los dos CodePens enlazados; después, compara cómo se comporta layout.height frente a layout.autosize en plotly.js y react-plotly.js. Se considera terminado cuando el proyecto tenga un enfoque decidido y documentado para reducir el espacio en blanco de la tabla manteniendo el redimensionamiento responsive.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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?
- Lenguaje dominante
- JavaScript
- Estrellas
- 1.1k
- Forks
- 138
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de plotly/react-plotly.js
-
P3 plotly-internal size: 1 task
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
plotly/react-plotly.js#386 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
plotly/react-plotly.js#358 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
plotly/react-plotly.js#354 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 30/100
plotly/react-plotly.js#353 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
plotly/react-plotly.js#352 · 1 comentario ·
Todos los issues de plotly/react-plotly.js
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
riverqueue/river#1576 ·
Los mantenedores suelen responder en 1 día
-
documentation good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 72/100
Los mantenedores suelen responder en 1 día
-
good first issue help wanted
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
modrollstudio/Modroll-Studio-Website#80 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Add tests for CSV email parsingAbiertogood first issue help wanted
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
mafzalkalwardev/mailforge#21 ·
-
good first issue help wanted
Dificultad 1/5 Menos de una hora Aptitud para principiantes 82/100