plotly / plotly/react-plotly.js
Bar plot inside large scrollable div
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.1k
- Forks
- 138
- Avg merge
- 3d 2h
- Merged PRs (30d)
- 4
Description
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!
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by comparing the plain Plotly CodePen with the plotly-react CodePen linked in the issue, focusing on how the large scrollable div and stacked bar plot are configured. Done means the React version expands to fill the scrollable container while supporting more than 10k bars.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, plotly, react
- Domain
- data-visualization, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100