twaver.js在网络拓扑图绘制中非常便捷,以下为相关总结:
一、在vue项目中使用
为了能够在Vue项目中全局使用twaver,需要进行一系列配置
前提:
在项目根路径下放置了twaver.js和license.js文件
全局引入:
在index.html中全局引入
二、在React项目中使用: 为了能够在React项目中全局使用twaver,需要进行一系列配置
前提:
在项目根路径下放置了twaver.js和license.js文件
全局引入:
在config.ts中配置额外的 script
在typing.d.ts中声明:
完成全局引入后,便可以在其他页面直接用twaver
使用中问题总结: 1.group背景图片的使用: 想自定义group的背景图片,可以使用g.setStyle('group.expend.image', 'xx'),自重xx为注册好的自定义图片。 2.tooltip样式修改:tooltip样式需自定义 3.组的展开区域的位置,宽高等信息的获取:groupUI.getBodyRect()