We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation .
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
This is a feature request
It would be nice if the charts had a zoom and pan feature (per axis). If there is a way to achieve this, please let me know. Otherwise, can you think of a "creative way" to add this in? Or if you give me a few pointers I might fork and try to add it in
Thanks
The text was updated successfully, but these errors were encountered:
Also interested in this
Sorry, something went wrong.
also interested
Also Interested in this
Interested too
+1
Oh, now I see that Brush does the job. So I dont think this feature is really necessary.
@matepaiva What is Brush? Is it component in rechart or configuration in component ?
Check this demo .
If you are still interested in a smoothly way to zoom the graph, here's the solution
update the Axis padding style with the animation OR update the Axis Domain with the animation
Here's the example of update Axis Padding
jsfiddle : http://jsfiddle.net/udrq0h2d/ screen gif demo:
what is that?
I don't actually remember, but I think this is it: http://recharts.org/en-US/api/Brush @golestanirad
this feature is still necessary, in case the user wants to pan the chart without using the brush component
I think pan and brush are completely different features, is there any way to achieve the result of zooming Y axis?
Have you considered the following example? http://recharts.org/en-US/examples/HighlightAndZoomLineChart
Also interested in this feature, its hassle to use brush and its much easier to just pan or zoom
Would love to be able to zoom into a specific area in the scatter plot
did anyone figure out zooming and panning? I can use the brush to pan the chart but how do I implement zoom? I don't think domains work on the category chart.
Does anyone found a better implementation for zooming other than the brush component or the highlighted zoom example from de docs( http://recharts.org/en-US/examples/HighlightAndZoomLineChart ) ?
doesn't seem like there is any other way to do that, you can look at the highlighted zoom example and try to add your own event listeners to act on mouse wheel events if you really need scroll-based zoom.
what about panning how can I do panning
Victory has in implemented in comfortable way https://formidable.com/open-source/victory/gallery/brush-and-zoom
Here's my take, hopefully this helps! @serializable @robertgutu @aniketmore311 @leonardolessa @sseira
https://codesandbox.io/s/recharts-scatter-plot-zoom-and-click-v68gk https://medium.com/@rohanbajaj/recharts-scatter-plot-with-zoom-and-selection-112d82b26f43
I made a "zoom-pan" feature on wheel events which is ok for x-axis zoom and pan, but it could be improved for x-y.
wheel
UPDATE
Actually made it a little better by adding full x-panning
You can check it out here
Re-opened this as it was never implemented as an actual feature, but rather just given an example on how to do it yourself.
This most likely won't get touched anytime soon since we're working on stability and documentation right now, but it'll be open.
Use Echarts - they have simple native support of this
No branches or pull requests