Qunee for HTML5 v1.5正式发布

发表于 & 归档在 Web, 图形学, 拓扑图.

Qunee for HTML5 v1.5正式发布,新版本做了大量优化,重构了底层UI渲染机制,缩短图形加载时间20% – 40%,统一了自动布局器接口,丰富了选中效果,增加了平移缩放动画,增加了搜索功能,增加大图片缓存,修复了低版本android下的显示问题等

性能优化

授权版本实现上万图元,三秒内加载与绘制
以下为Safari 6.1.5 for mac 性能测试报表
Qunee for html5 加载时间-性能报表

基于HTML5的云虚拟主机界面

发表于 & 归档在 HTML5, JavaScript, 拓扑图.

云计算大行其道,底层的虚拟化技术,上面的云存储和应用API,耳濡目染,也受益匪浅,算是大势所趋,回头看看Qunee组件,借这个趋势,可以在云计算可视化上发挥作用,最近就有客户用Qunee实现VPC配置图,并对交互做了定制,细节不便多说,本文主要介绍Qunee交互扩展方面的思路

VPC配置图

HTML5实现监控图

发表于 & 归档在 HTML5, JavaScript, 图形学, 拓扑图.

有客户提到网络监控需求,需要展示服务器状态,告警,以及监控信息,比如CPU,内存,宽带状态,使用柱状图展示,Qunee目前并不提供这些图表,需要些扩展代码来实现,尝试了一下,发现还是挺容易的

网络监控状态图

HTML5绘制设备面板

发表于 & 归档在 HTML5, 拓扑图.

客户提到设备面板的需求,qunee并没有Equipment这样的图元,但借助父子关系和跟随关系设置,可以实现类似功能,并完成下面的例子

设备面板

EasyUI + Qunee 组件同步示例

发表于 & 归档在 HTML, HTML5, JavaScript, 拓扑图, 案例.

HTML第三方组件种类繁多,小到按钮,工具栏,大到树图,表格,布局框架,以及各种图表,每种组件都有其优势,比如EasyUI的树和表格,Bootstrap的表单,Qunee的拓扑图等,一个应用需要整合多种组件,本文将以一个示例来介绍EasyUI与Qunee组件的同步使用

Qunee + EasyUI 同步示例

Qunee for HTML5 v1.3版本发布

发表于 & 归档在 HTML5, Web, 拓扑图.

Qunee for HTML5 v1.3 已发布,增加总线型布局,提供文本图元,增强了编辑功能,欢迎联系升级

在线演示:http://demo.qunee.com

v1.3更新内容

鱼骨型总线

可设定连线走向,实现不同的总线型效果

Q.Text图元类型

提供大小调整和对齐方式功能,实现更丰富的文字呈现效果

Q.Text图元类型

总线型拓扑图

发表于 & 归档在 HTML5, JavaScript, 拓扑图.

总线布局是拓扑图中的一种典型结构,总线(Bus),是计算机各种功能部件之间传送信息的公共通信干线,总线和与之连接的设备一起组成一种拓扑结构,这种图称为总线型拓扑图

总线拓扑图示例

Qunee中定义了Bus类型图元,可以通过路径描述一条总线,与总线相连的节点连线,成正交线性布局

鱼骨型总线布局