摘要: 告警冒泡扩展Qunee for HTML5 V1.6正式发布,修复了一些 BUG,增加了滚动条支持,改进了编辑器,增加了JSON 导入导出、告警冒泡、连线流动,UI 定制等扩展示例,欢迎访问 阅读全文
posted @ 2014-09-12 15:39 nosand 阅读(1038) 评论(0) 推荐(0) 编辑
摘要: 线条流动效果图论中边是重要元素,它连接各个顶点构成拓扑图,有向图中,边具有方向性,在画布中表现为箭头,在实际应用中,边可以代表链路,链路上不只是有方向,还有流量,信号种类等信息,光用箭头表现力就不够了,可增加线条线型,以及流动效果来体现,这里介绍 Qunee 1.6 中线条流动效果的实现  阅读全文
posted @ 2014-09-11 09:08 nosand 阅读(3074) 评论(0) 推荐(0) 编辑
摘要: 网络设备数据流信息展示电信网管系统中,设备状态信息的实时展示非常重要,通常会挂载一堆图标来展示状态或告警信息,图标的信息量有限,有时需要更详细的面板,甚至以图表的形式展现,本文将结合最近客户提到的需求,使用 Qunee1.6 beta版本,实现拓扑图中设备信息的实时显示。 Qunee 中ui 的定制非常灵活,每个图元节点都可以挂载多个 ui 控件,支持9X9=81种相对位置,单节点上能挂载多个 ui 元素,并进行排列和布局,另外每个 ui 元素可以绑定图元属性,属性变化,ui 元素会及时更新界面。 阅读全文
posted @ 2014-09-11 08:54 nosand 阅读(2326) 评论(0) 推荐(0) 编辑
摘要: Qunee 编辑器1.6继续来说编辑器的需求,前面介绍了拖拽创建节点、以及连线的方法,并加入到了其后的 Qunee 类库,实际应用中需要更多功能,Qunee 的拓扑图编辑器也在逐渐完善,一方面增加多种编辑交互,一方面提供数据导入导出,同时也在摸索编辑器的整体界面设计和前端开发框架 阅读全文
posted @ 2014-09-11 08:48 nosand 阅读(3074) 评论(4) 推荐(2) 编辑
摘要: Qunee for HTML5 v1.5正式发布,新版本做了大量优化,重构了底层UI渲染机制,缩短图形加载时间20% – 40%,统一了自动布局器接口,丰富了选中效果,增加了平移缩放动画,增加了模糊搜索功能,增加大图片缓存,修复了低版本android下的显示问题等,欢迎升级和试用 p style="word-wrap: break-word; margin-right: 0px; margin-bottom: 15pt; margin-left: 0px; line- 阅读全文
posted @ 2014-07-07 14:28 nosand 阅读(1641) 评论(0) 推荐(1) 编辑
摘要: 地图应用分三种级别:示意地图(Map Chart),地图(Map),地理信息系统(GIS),第一种通常使用相对坐标系,后两种则为真实的地理坐标,其中第二种以谷歌地图为代表,日常生活中普遍使用,后一种则为专业的GIS,专业领域做拓扑分析、流域分析时用到,示意地图我们已经有很多例子,比如美国大选示例、中国地图示例等,今天介绍第二种地图的应用,结合OpenLayers和谷歌地图实现地图的拓扑图应用:demo.qunee.com/map/map.html 阅读全文
posted @ 2014-04-21 11:40 nosand 阅读(3213) 评论(3) 推荐(0) 编辑
摘要: Qunee for HTML5 v1.3 已发布,增加总线型布局,提供文本图元,增强了编辑功能在线演示:http://demo.qunee.comv1.3更新内容鱼骨型总线可设定连线走向,实现不同的总线型效果Q.Text图元类型提供大小调整和对齐方式功能,实现更丰富的文字呈现效果编辑功能节点大小调整... 阅读全文
posted @ 2014-04-12 18:11 nosand 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 某市政项目用到地铁图展示,展示地铁站点以及相关信息流,使用Qunee组件可以很好的解决这类需求,做出优美的展现,下面以上海2012地铁图为例,效果如下:示例讲解首先需要解决数据问题,可以从维基百科或者上海地铁官网中获取,不过也免不了人工,要达到良好的显示效果,需要不只要记录站点的位置,还需要设置文本标签的理想位置,有时为了避免文字叠加,需要设置旋转角度......总之事在人为,想想办法,最终解决了数据问题,再加上Qunee图形组件的强大展示效果,做出来可以交互的在线地铁图数据格式采用JSON格式数据,分三种类型:文本标签、站点、地铁线 总的结构如下:{"labels" : 阅读全文
posted @ 2014-03-24 21:43 nosand 阅读(948) 评论(0) 推荐(0) 编辑
摘要: js运行效率在提升编程语言的效率是前提,js自然比不上native的C语言效率,所以Canvas效率无疑比不上原生的2D图形绘制,但是js效率的提升是有目共睹的,以js与as为例,基本操作(运算操作,集合操作,Map操作)已经超越ActionScript,尤其是Google Chrome浏览器与as拉开了不小的距离,甚至某些方面超过javaCanvas绘制效率不低Canvas没有dom操作,只是简单的2D绘制,所以效率不低,Chrome浏览器下,每秒可绘制五万个基本图形元素(圆形,矩形或者线条),如果有阴影效果会慢很多,总的来说上万元素的绘制还是很轻松的Canvas适合简单应用因为简单,做一些 阅读全文
posted @ 2014-03-24 21:42 nosand 阅读(1433) 评论(0) 推荐(0) 编辑