图表YAxis缩放

问题描述

我正在尝试向用于图表缩放的HOC添加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 (将#修改为@）