如何解决图表YAxis缩放
目前,仅通过从事件有效负载中获取XAxis
值,它才适用于activeLabel
:
const [zoomState,setZoomState] = useState(initialState);
// for desktop
const handleZoomMouseDown = (e) =>
e && setZoomState({ ...zoomState,refareaLeft: e.activeLabel });
const handleZoomMouseMove = (e) =>
e &&
zoomState.refareaLeft &&
setZoomState({ ...zoomState,refareaRight: e.activeLabel });
const handleZoomMouseUp = (e) => {
if (
!(e && zoomState.refareaLeft && zoomState.refareaRight) ||
zoomState.refareaLeft === zoomState.refareaRight
) {
setZoomState(initialState);
return;
}
const min = Math.min(zoomState.refareaRight,zoomState.refareaLeft);
const max = Math.max(zoomState.refareaRight,zoomState.refareaLeft);
setZoomState({
...zoomState,xMin: min,xMax: max,refareaLeft: undefined,refareaRight: undefined,});
};
问题是activeLabel
的值不等于YAxis
。
有没有解决方法?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。