graph.getZoom() 为啥会返回NAN

[ghost]

需求是要做个类似百度地图缩放显示下一级城市的效果. 我的实现是这样的. 1, 在 wheelzoom 中监听缩放事件, 通过判断 graph.getZoom() 的的值 来切换数据, 切换数据的时候, 重置缩放率到1.

但是现在出现了一个问题: 就是我 调用 graph.zoomTo(1.0) 之后, 在 wheelzoom 中通过 graph.getZoom() 获取缩放率 是个 NAN.

为啥 会出现这项的问题呢.

[Yanyan-Wang]

图形中存在非法值，例如 text 图形的 text 属性的值是 undefined null 等，或者其他 x y width height r rx ry 这些属性有 undefined null 之类的

[ghost]

我没有用复杂的node啊. 你看:

[Yanyan-Wang]

你写一个在线 demo 我看下吧，这样看不出是啥问题

[baizn]

setZoom方法里面做了什么，传入的 value 是否正确？

[ghost]

https://codesandbox.io/s/peaceful-austin-612vp?file=/src/App.js

你写一个在线 demo 我看下吧，这样看不出是啥问题 这是样例: https://codesandbox.io/s/peaceful-austin-612vp?file=/src/App.js

[Yanyan-Wang]

https://codesandbox.io/s/peaceful-austin-612vp?file=/src/App.js

你写一个在线 demo 我看下吧，这样看不出是啥问题 这是样例: https://codesandbox.io/s/peaceful-austin-612vp?file=/src/App.js

这个 demo 怎么操作会出现问题？我缩放没问题来着

[ghost]

https://codesandbox.io/s/peaceful-austin-612vp?file=/src/App.js

你写一个在线 demo 我看下吧，这样看不出是啥问题 这是样例: https://codesandbox.io/s/peaceful-austin-612vp?file=/src/App.js

这个 demo 怎么操作会出现问题？我缩放没问题来着

操作步骤: 1, mouseenter 到 P1节点 2, 放大canvas, 加载子节点

3, 然后 缩小canvas, 想退回到上级节点. 就出问题了. graph.getZoom() 返回 NAN 导致我没有办法判断当前时候是缩小操作.

4, 代码判断canvas放大缩小 加载节点逻辑:

[Yanyan-Wang]

graph.zoomTo(1.0, { x: curHoverNode.x, y: curHoverNode.y });

这里的 curHoverNode 有两个问题：

1. curHoverNode 是 item，不能直接取 x y，应该拿到数据模型后拿 x y：curHoverNode.getModel().x
2. 这里在 changeData 之后发生，changeData 会销毁之前的 item，所以 curHoverNode 被销毁了，你可以打印出来看，_cfg 是 null，是否被销毁可以用 curHoverNode.destroyed 来判断。所以应该在 changeData 之前记录 x y，并在这里使用，而不是在这里再拿被销毁的节点的 x y