![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
qunee for html5
文章平均质量分 59
speckl静
这个作者很懒,什么都没留下…
展开
-
拓扑图线的类型
线的类型画图的关键就是需要定义一条合适的线,线的类型如下:ORTHOGONAL_HORIZONTAL: 正交水平DEFAULT: 默认ELBOW: 肘ELBOW_HORIZONTAL: 肘部水平ELBOW_VERTICAL: 肘部垂直EXTEND_BOTTOM: 延长底部EXTEND_LEFT: 延长ZIGZAG: 锯齿形线的类型页面展示效果...原创 2021-08-09 15:11:14 · 833 阅读 · 1 评论 -
拓扑图编辑技巧
拓扑图拖拽后记录当前编辑节点位置【使用场景】(1)根据数据库当前数据及结构关系,使用自动布局方式绘制拓扑图(2)客户定制拓扑图节点位置信息,并保存。【实现方案】(1)客户定制后,保存所有节点的位置(x,y)信息(2)查询到有位置信息,则根据位置信息绘制节点(3)有新增节点A没有位置信息。则自行计算大概得节点位置信息。 A有兄弟节点,则根据兄弟节点的坐标算出来一个大致的坐标;A没有兄弟节点,则直接画在父节点下,跟父节点X坐标相同,Y坐标依据父节点的Y坐标,给个相对大小的坐标。(4)自己计算坐标原创 2021-08-09 15:03:32 · 863 阅读 · 0 评论 -
qunee for html5 绘图
qunee for html5 绘图学习方式拓扑图绘制的方式节点图标节点名称拓扑图中插入性能图用echart 绘图,并通过获取canvas 图片的方式插入节点中用canvas 绘图技术绘制性能图学习方式看官方网站 http://www.qunee.com/ 里的文档和示例。本文记录一些自己在使用过程中的心得,以备后续查询。拓扑图绘制的方式拓扑图绘制的方式,简单点就两种。1. 插件自动布局 http://doc.qunee.com/1147021.html。 创建好图元和连线后,调用自动布局方法,原创 2021-08-09 11:57:26 · 344 阅读 · 0 评论