search

apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.17k stars 19.6k forks source link

[Feature] Control the zoom/drag-to-zoom speed on large data #17814

Open billychinglh opened 1 year ago

billychinglh commented 1 year ago

What problem does this feature solve?

Hi,

I wanna ask if there any way to control the speed/sensitivity of the zoom in/out function, because for the large data, its quite hard to zoom to the specific location in the chart.

Thanks

What does the proposed API look like?

Can we have a props in dataZoom like sensitivity/ speed in order to have more control on zoom function.

For example, adding the speed and sensitivity props like chartjs-plugin-zoom did: zoom: { enabled: true, drag: false, mode: "x", speed: 0.1, sensitivity: 0.01 },

joankuah commented 1 year ago

Hi,

I am also interested to know if there is any way to control the speed/sensitivity when zooming in and out of the graph (in my case, a scatter plot graph). I tried to increase the throttle value to make it look slower, but it does not have the smooth transition/animation that I am looking for (patchy imo).

Would be awesome if there is another solution, or a new feature to be considered in the future. :)

WurstMitBrot commented 8 months ago

Hi guys,

i also landed here in search for a zoom speed option. Any news here?

bbeas commented 8 months ago

don't know if the throttle parameter could work.

    dataZoom: [
      {
        type: 'inside',
        throttle: 100,
      }
    ]

https://echarts.apache.org/en/option.html#dataZoom-inside.throttle

ryanolf-tb commented 1 month ago

Would love this.

noelstieglitz commented 1 month ago

+1. Zooming on a time series chart is currently sensitive, making it difficult to control via mouse interaction.

@bbeas - Throttle seems to control the animation speed, but from my local testing doesn't seem to impact the zoom sensitivity.