echarts [Feature] More intense zoom with slider

5lwkijsr  于 4个月前  发布在  Echarts
关注(0)|答案(5)|浏览(114)

What problem does this feature solve?

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
  }
]
izj3ouym

izj3ouym1#

Have you tried minSpan?

qf9go6mv

qf9go6mv2#

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

ngynwnxp

ngynwnxp3#

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

new9mtju

new9mtju4#

the slider becomes really tiny and difficult to be manipulated

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

xienkqul

xienkqul5#

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

相关问题