Is layout.height really disallowed when layout.autosize=true ?
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Facilidade para iniciantes
- 25/100
- Tipo de issue
- Funcionalidade
- Clareza
- Precisa de esclarecimento
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript, react
- Domínio
- data-visualization, frontend
Direção de pesquisa
Comece pela documentação de responsive-fluid-layout e pelos dois CodePens vinculados; em seguida, compare como layout.height se comporta em relação a layout.autosize no plotly.js e no react-plotly.js. Considera-se concluído quando o projeto tiver uma abordagem definida e documentada para reduzir o espaço em branco da tabela, preservando o redimensionamento responsivo.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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?
- Linguagem predominante
- JavaScript
- Estrelas
- 1.1k
- Forks
- 138
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de plotly/react-plotly.js
-
P3 plotly-internal size: 1 task
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 45/100
plotly/react-plotly.js#386 ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 48/100
plotly/react-plotly.js#358 · 1 comentário ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
plotly/react-plotly.js#354 ·
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 30/100
plotly/react-plotly.js#353 · 1 comentário ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
plotly/react-plotly.js#352 · 1 comentário ·
Todas as issues de plotly/react-plotly.js
Issues semelhantes
-
good first issue help wanted
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
modrollstudio/Modroll-Studio-Website#80 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
good first issue help wanted
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 82/100
-
area: panel enhancement
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 72/100
GabrielGirardi/ledge#7 ·
-
0. Needs triage 35-feedback bug
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 62/100
Mantenedores costumam responder em até 1 dia
-
A-linter
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 73/100
oxc-project/oxc#28783 ·
Mantenedores costumam responder em até 1 dia