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.

Sign up for GitHub

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

Jump to bottom

[charts] Allow to zoom on data #12503

Open
joserodolfofreitas opened this issue Mar 19, 2024 · 1 comment
Open

[charts] Allow to zoom on data #12503

joserodolfofreitas opened this issue Mar 19, 2024 · 1 comment
Labels
component: charts This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer new feature New feature or request plan: Pro Impact at least one Pro user
Projects
MUI X public roadmap

Comments

@joserodolfofreitas
Copy link
Member

joserodolfofreitas commented Mar 19, 2024 •
edited by github-actions bot

We can currently zoom with axis properties min/max. But this kind of feature still requires:

  • Add a min/max behavior on 'band' scale such that bar charts could also get it
  • Add event listener and visualization to select zoom area
  • define a DX to enable/disable/customize the zooming and scrolling

DX

Zoom behavior

Allows to choos if the axis interact together (see #12083) this is well defined in the section "How dataZoom components operates axes and data" https://echarts.apache.org/en/option.html#dataZoom

Display

Inside zoom

Allow to modify the zoom state by mousse interaction inside the chart

  • select x/y ranges
  • drag chart zoom with mouse move
  • define how to swich from select to drag
  • zoom +/- with the mouse wheel

https://echarts.apache.org/en/option.html#dataZoom-inside
https://api.highcharts.com/highcharts/chart.zooming.mouseWheel

Slider zoom

Allow to modify the zoom state with sliders

  • select x/y ranges
  • drag zoom range

https://echarts.apache.org/en/option.html#dataZoom-slider
https://api.highcharts.com/highstock/navigator

Search keywords:
@github-actions github-actions bot added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Mar 19, 2024
@joserodolfofreitas joserodolfofreitas added new feature New feature or request component: charts This is the name of the generic UI component, not the React module! plan: Pro Impact at least one Pro user design This is about UI or UX design, please involve a designer and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Mar 19, 2024
@siseko
Copy link

siseko commented May 5, 2024

This would be a pretty sweet feature

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: charts This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer new feature New feature or request plan: Pro Impact at least one Pro user
Projects
MUI X public roadmap
Future
Milestone
No milestone
Development

No branches or pull requests
2 participants
@joserodolfofreitas @siseko