Comments (2)
Nothing magic in ResponsiveContainer - if your content is too large it will begin to overlap. SVGs require absolute positioning and so make things like true responsiveness, text wrapping, etc. difficult.
So yeah this could be an enhancement, but in general this is how recharts has worked for a long time.
Potential enhancements: collision detection, making legend relatively positioned (this would introduce regressions, probably not the right thing to do), scaling on resize (this also maybe unwanted behavior depending on the use-case)
A lot of things to consider in order to get to a place where this is nicer unfortunately
from recharts.
Great, thanks for the clarifications!
from recharts.
Related Issues (20)
- Tooltip and Legend payload sorting
- Move chart synchronisation to Redux HOT 3
- Move Tooltip state to Redux
- Refactor getComposedData
- Remove Customized component HOT 1
- Export and document hooks
- Support React 19 HOT 21
- Use CodeSandbox Storybook Add-on HOT 16
- [bug] min XAxis domain values over 0 get ignored HOT 6
- how to reduce the size of xaxis? HOT 7
- Position LabelList content based on dimensions of chart or its container HOT 2
- Add tests, documentation, and storybooks for Treemap nesting HOT 2
- Move Axis map to Redux
- BarChart not rendering inside ResponsiveContainer HOT 14
- React 19. No render inside ResponsiveContainer HOT 1
- Add tests for ZAxis HOT 4
- Unable to interact with sub-charts using keyboard in the pie chart. HOT 1
- Add padding/spacing to value labels on the left as they are overlapping with the Y-Axis HOT 1
- <Brush/> ariaLabel not showing HOT 2
- ReferenceLine missing props type annotation HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from recharts.