plotly / plotly/react-plotly.js

Bar plot inside large scrollable div

Aberta
#299 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
JavaScript
Estrelas
1.1k
Forks
138
Merge médio
3d 2h
PRs com merge (30d)
4

Descrição

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!

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Comece comparando o Plotly CodePen simples com o plotly-react CodePen vinculado na issue, com foco em como a div grande e rolável e o gráfico de barras empilhadas estão configurados. Considera-se concluído quando a versão React se expande para preencher o contêiner rolável e dá suporte a mais de 10k barras.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
javascript, plotly, react
Domínio
data-visualization, frontend
Tipo de issue
Bug
Dificuldade
3/5
Tempo estimado
1-2 dias
Status de atividade
Estagnada
Clareza
Precisa de esclarecimento
Facilidade para iniciantes
35/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.