Skip to content
New issue

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

[charts] Is the RepsonsiveChartContainerPro capable of zoom and pan yet? #14472

Closed
ZaidLinkEZ opened this issue Sep 4, 2024 · 5 comments
Closed
Labels
component: charts This is the name of the generic UI component, not the React module! support: commercial Support request from paid users support: pro standard Support request from a Pro standard plan user. https://mui.com/legal/technical-support-sla/

Comments

@ZaidLinkEZ
Copy link

ZaidLinkEZ commented Sep 4, 2024

The problem in depth

I'm using a RepsonsiveChartContainerPro, is the feature of pan and zoom available on it yet and if not, is it going to be added?

Your environment

`npx @mui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: ResponsiveChartContainerPro MUI X Charts
Order ID: 95670

@ZaidLinkEZ ZaidLinkEZ added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: commercial Support request from paid users labels Sep 4, 2024
@github-actions github-actions bot added the support: pro standard Support request from a Pro standard plan user. https://mui.com/legal/technical-support-sla/ label Sep 4, 2024
@michelengelen
Copy link
Member

I am not sure where the zoom and pan feature is located, but from what i can tell looking at the code it should be possible to use it in the responsive containers as well.

@alexfauquette anything to add?

@michelengelen michelengelen changed the title [question] I'm using a RepsonsiveChartContainerPro, is the feature of pan and zoom available on it yet and if not, is it going to be added? [charts] Is the RepsonsiveChartContainerPro capable of zoom and pan yet? Sep 4, 2024
@michelengelen michelengelen added the component: charts This is the name of the generic UI component, not the React module! label Sep 4, 2024
@alexfauquette
Copy link
Member

alexfauquette commented Sep 4, 2024

Yes it should @ZaidLinkEZ why are you asking that question? Do you have an example where it does not?

If you're using composition, you might have forgotten to add the <ZoomSetup /> which adds the default zoom interaction listener

Here is a rough example with composition
https://codesandbox.io/p/sandbox/jolly-bose-s55zq9?file=%2Fsrc%2FDemo.tsx%3A11%2C33-12%2C11

@michelengelen michelengelen added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Sep 4, 2024
@ZaidLinkEZ
Copy link
Author

@alexfauquette, yes I didn't add the <ZoomSetup />, thanks for the reference in the sandbox. It wasn't in the documentation as well or maybe it was and it passed by me. I only added the { zoom: "true" } property thinking it was enough. Thanks for the clarification.

@github-actions github-actions bot added status: waiting for maintainer These issues haven't been looked at yet by a maintainer and removed status: waiting for author Issue with insufficient information labels Sep 9, 2024
@michelengelen
Copy link
Member

Great that @alexfauquette could help you out!
I'll close this issue.
Thanks for your time everyone! 🙇🏼

Copy link

github-actions bot commented Sep 9, 2024

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

We value your feedback @ZaidLinkEZ! How was your experience with our support team?
If you could spare a moment, we'd love to hear your thoughts in this brief Support Satisfaction survey. Your insights help us improve!

@github-actions github-actions bot removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Sep 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: charts This is the name of the generic UI component, not the React module! support: commercial Support request from paid users support: pro standard Support request from a Pro standard plan user. https://mui.com/legal/technical-support-sla/
Projects
None yet
Development

No branches or pull requests

3 participants