Bar plot inside large scrollable div
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, plotly, react
- Área
- data-visualization, frontend
Línea de trabajo
Comienza comparando el Plotly CodePen básico con el plotly-react CodePen enlazado en el issue, centrándote en cómo están configurados el div grande con desplazamiento y el gráfico de barras apiladas. Se considera terminado cuando la versión de React se expande para llenar el contenedor con desplazamiento y admite más de 10k barras.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hi,
I am trying to fit a large stacked bar plot inside a scrollable div. It needs to be scrollable as the number of bars might be very high (over 10k). I have managed to this using plotly and no react involved here: https://codepen.io/FilomenoSanchez/pen/ZEoPOPQ. This is really close to what we want in the final product.
However, the final app is written using react, and the problem starts when I try to do the same using plotly-react: the plot doesn't expand to fill up the entire scrollable div. This is what I've got instead: https://codepen.io/FilomenoSanchez/pen/VwxRogq
Apologies if this has been already asked elsewhere, I just couldn't find any related issues. Thanks!
- 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