- 博客(1)
- 收藏
- 关注
原创 antv x6连接桩hover效果(使用element-plus Tooltip组件实现展示连接桩名字)
具体实现代码如下,在实例化X6的时候通过onPortRendered这个钩子函数里面使用createVNode去给每一个连接桩节点添加自定义的dom,在结合element UI的组件去使用。2在创建节点的时候,使用 portMarkup: [Markup.getForeignObjectMarkup()],因为官网的演示案例是react+antd,而我的是vue3+element,实现效果如下图。3在配置连接桩时不要使用circle,要使用fo,具体配置如图。1首先引入需要用到的函数。
2024-05-21 14:31:03 586 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人