轻量高效的拓扑图组件
zh

Qunee for HTML5 v1.6新版本发布

2014-09-12

Qunee for HTML5 V1.6正式发布,修复了一些 BUG,增加了滚动条支持,改进了编辑器,增加了JSON 导入导出、告警冒泡、连线流动,UI 定制等扩展示例,欢迎访问并联系升级

导航面板

增加了滚动条导航模式,加上之前的导航按钮模式,以及去除导航面板的情况,出现了三种导航模式,并在Graph中提供了navigationType属性进行切换,以适用于不同的应用场景,默认使用滚动条模式 以下代码用于设置拓扑图使用导航按钮

graph.navigationType = Q.Consts.NAVIGATION_BUTTON;

滚动条模式 - Q.Consts.NAVIGATION_SCROLLBAR

滚动条模式符合传统的导航模式,同时支持不限画布范围导航,具有良好的惯性效果,适合在不同模式下使用,qunee 默认使用这种模式 images/2064385.png

导航按钮模式 - Q.Consts.NAVIGATION_BUTTON

按钮模式占空间较小,可以标示出画布的大体范围,适合在与地图结合的场景中使用 images/2064386.png

改进图元编辑模式

增加创建多边形,多线段,调整多边形大小等功能

多边形编辑

在线编辑器V1.6

改善编辑器功能,整合 JSON 导入导出,右键菜单等功能,后期持续改进

拓扑图在线编辑器 v1.6

新增扩展与示例

JSON导入导出扩展

提供拓扑图数据序列化保存的解决方案 拓扑图数据导出

自动布局示例

多种布局之间的动画切换

自动布局动态切换

连线流动动画示例

线条流动效果

UI扩展示例

网络设备数据流信息展示-展开合并

告警冒泡示例

告警冒泡扩展

分组展开合并图标

分组展开合并图标

其他

外边框支持 线条外边框

Next Prev