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
}
]
5条答案
按热度按时间izj3ouym1#
Have you tried
minSpan
?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
ngynwnxp3#
we don't want to limit the depth to which the user can zoom in, it's not very UX friendly
new9mtju4#
the slider becomes really tiny and difficult to be manipulated
try
handleSize: 48, handleStyle: {color: 'red'}
- easier to see and manipulatexienkqul5#
the slider becomes really tiny and difficult to be manipulated
try
handleSize: 48, handleStyle: {color: 'red'}
- easier to see and manipulateits 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