设置了edgeStateStyles时,自定义边的options.stateStyles不生效 #5006
CheyenneRowe posted onGitHub
问题描述
设置了edgeStateStyles时,自定义边的options.stateStyles不生效:
<img width="478" alt="image" src="https://github.com/antvis/G6/assets/18679459/b00939d0-643d-4ca9-bea2-d6cbe2177362"> <img width="576" alt="image" src="https://github.com/antvis/G6/assets/18679459/972ae7dc-8ff5-4037-9b59-a3d0ef07bc43">
PS:自定义边继承了‘line’类型: <img width="519" alt="image" src="https://github.com/antvis/G6/assets/18679459/0e403084-37b6-4708-adc6-e164572e0858">
重现链接
https://codesandbox.io/s/condescending-mccarthy-4kwnp8
重现步骤
如上
预期行为
预期style的优先级应该是自定义节点的stateStyles=》全局的edgeStateStyles,也就是hover上去,线变成蓝色,实际上线变成了红色,用了全局的边配置 <img width="457" alt="image" src="https://github.com/antvis/G6/assets/18679459/f68eafc1-35b5-409b-917e-cf93a5b26628">
平台
- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox]
- G6 版本: [4.5.1 ... ]
屏幕截图或视频(可选)
No response
补充说明(可选)
No response