v5.0.0-beta.28 自定义节点中使用自定义节点状态不生效 #5282

hi @liuchangheng, welcome!

Hi @liuchangheng, Please star this repo if you find it useful! Thanks :star:! 你好 @liuchangheng。如果该仓库对你有用，可以 star 一下，感谢你的 :star:!

看起来你时想实现类似于 Active Relations 的效果，推测效果不生效的原因可能是短时间内更新多个item状态导致，可以参考如下代码进行调整：

https://github.com/antvis/G6/blob/dbfa80675de08a9f898c2bef2ff890cb3fe40154/packages/g6/src/stdlib/behavior/activate-relations.ts#L121-L128

不过需要注意的是，这种写法目前是实验性的，后续可能会有所调整

另外，你的 Demo 是基于 Vue 实现的，如果有兴趣的话，欢迎提一个 PR 来补充 G6 在 Vue 中的使用教程。❤️

看起来你时想实现类似于 Active Relations 的效果，推测效果不生效的原因可能是短时间内更新多个item状态导致，可以参考如下代码进行调整：

https://github.com/antvis/G6/blob/dbfa80675de08a9f898c2bef2ff890cb3fe40154/packages/g6/src/stdlib/behavior/activate-relations.ts#L121-L128

不过需要注意的是，这种写法目前是实验性的，后续可能会有所调整

我按照上面的方法尝试过，依然没有生效，我最开始参考官网中给出的例子来实现https://g6-next.antv.antgroup.com/zh/examples/interaction/highlight/#highlightDark

看起来你时想实现类似于 Active Relations 的效果，推测效果不生效的原因可能是短时间内更新多个item状态导致，可以参考如下代码进行调整：

https://github.com/antvis/G6/blob/dbfa80675de08a9f898c2bef2ff890cb3fe40154/packages/g6/src/stdlib/behavior/activate-relations.ts#L121-L128

不过需要注意的是，这种写法目前是实验性的，后续可能会有所调整

我利用官方提供的demo中去修改，自定义了一些节点，我发现这些节点在官方的例子中似乎也失效了，是否是自定义节点无法响应节点状态? 这里调整下说发，目前定位可能是otherShapes中定义的shapeId 无法响应节点状态，我在使用自定义流动线的时候，没有用otherShapes（使用的是labelShape）是可以响应状态

这里给出了一个实例，我在 使用 G 自定义的饼图节点 例子上进行修改，添加了以下内容：

<img width="728" alt="image" src="https://github.com/antvis/G6/assets/25787943/7c7e48b0-657a-4d92-9970-ec49f018a4b6">

并添加了一个定时器在1秒后设置状态

<img width="779" alt="image" src="https://github.com/antvis/G6/assets/25787943/d44eb801-15dc-459e-9cd4-ddd72cf0499d">

可以看出 otherShapes 已经更新上状态样式了。不过这个例子还存在一个问题，就是 haloShape 没有被关闭，因此也显示出来了。

使用 G 自定义的饼图节点

我目前是在节点的data中来定义了节点的状态，来实现描述的效果，和你提供的代码区别只是没有使用官方的节点状态管来来进行设置，但是下图中官方例子给出来的是只用对节点状态进行配置就能实现，目前对于otherShapes来说，似乎没有支持，导致只能在otherShapes 层去进行判断后，来进行赋值，对于自定义的层比较多的情况下，不太友好 <img width="1029" alt="image" src="https://github.com/antvis/G6/assets/49780270/fcc13cf6-294d-49e9-bc00-849013bd4190">

可以参考下面的链接试试。https://g6-next.antv.antgroup.com/zh/examples/interaction/highlight/#activateRelations

你好，G6 5.0 正式版中采用新的节点自定义方式，你可以参考官网示例进行调整，应当能解决当前问题。