echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Feature] More intense zoom with slider

Open fatcatt013 opened this issue 2 years ago • 6 comments

What problem does this feature solve?

image

we use a lot of points in the chart, which then when the user wants to zoom in to see more zoomed in perspective, the slider becomes really tiny and difficult to be manipulated. It would be nice if the zooming was optimized with some kind of "zooming power" configurable index, which would result in the same zoom level with wider slider, so it's still easy to manipulate it even though the zoom level is high.

What does the proposed API look like?

I am not sure about this but I imagine a configurable property for dataZoom object.

dataZoom [
  {
    type: 'slider',
    zoomPower: 3 // idk, it could be something like 1-5 to set zooming intensity
  }
]

fatcatt013 avatar Jun 07 '23 11:06 fatcatt013

Have you tried minSpan?

plainheart avatar Jun 07 '23 11:06 plainheart

image

limiting the smallest possible width of the slider is not a bad idea, although not practical for my use case.. the user might want to achieve even higher zooming level, because the points still seem "too crowded" so it is not what I am aiming for.. what I am aiming for is to achieve the same zoom level with wider slider if that makes sense @plainheart

fatcatt013 avatar Jun 07 '23 13:06 fatcatt013

we don't want to limit the depth to which the user can zoom in, it's not very UX friendly

fatcatt013 avatar Jun 07 '23 13:06 fatcatt013

the slider becomes really tiny and difficult to be manipulated

try handleSize: 48, handleStyle: {color: 'red'} - easier to see and manipulate

helgasoft avatar Jun 07 '23 21:06 helgasoft

the slider becomes really tiny and difficult to be manipulated

try handleSize: 48, handleStyle: {color: 'red'} - easier to see and manipulate

its not just handles, the handles are probably the lesser problem of the two. When the slider is small, the hitbox for moving it is between the handles, which will be even smaller with bigger handleSize.. isn't there really a way to somehow manipulate the power of zooming? @helgasoft

fatcatt013 avatar Jun 13 '23 08:06 fatcatt013

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

github-actions[bot] avatar Jun 12 '25 21:06 github-actions[bot]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!

github-actions[bot] avatar Jun 20 '25 21:06 github-actions[bot]