Qunee for HTML5与ECharts对比

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

ECharts是百度公司支持的开源产品,定位于Chart,Qunee for HTML5是上海酷利软件的商业软件,定位于拓扑图,两者都是前端技术,同属于数据可视化类库,但差异也很明显,本文将从大的方面对比两者特点

  • ECharts:图表 – 折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导向布局图、仪表盘以及漏斗图
  • Qunee for HTML5:拓扑图 – 拓扑图 – 社交网络图、网络管理图;地图 – 地铁图、统计地图;其他 – 组织图、思维导图、流程图

echarts vs qunee for html5

拓扑图编辑器(3)- Graph.Editor项目

发表于 & 归档在 HTML5, JavaScript, Web, 拓扑图, 编辑器.

继续拓扑图编辑器的开发,并创建了项目Graph.Editor,正式发布到github了,项目使用了nodejs,bower,gulp等HTML5项目开发工具,bower用于前端包管理,Gulp用于自动发包和发布,欢迎Qunee客户使用和贡献代码

相关文章:

项目地址:https://github.com/samsha/graph.editor

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

拓扑图编辑器截图1

设备节点的信息展示

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

电信网管系统中,设备的状态信息的实时展示非常重要,通常会以挂载一堆图标来展示状态或告警信息,图标展示的信息有限,有时需要更详细的面板或者图表,Qunee 中每个图元节点上可以挂载多个 UI 控件,支持9X9=81种相对位置,可以实现单节点上多个 ui 元素的排列和布局,另外每个 ui 元素都可以绑定图元属性,这使得信息可以实时更新,本文将结合最近客户提到的需求,使用 Qunee1.6 beta版本,实现在拓扑图中实现设备信息的显示

网络设备数据流信息展示

Qunee for HTML5 v1.5正式发布

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

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

性能优化

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

Qunee性能测试 – 十万图元拓扑图

发表于 & 归档在 HTML5, JavaScript, Web.

本文的话题是:性能,HTML5、JS、Qunee组件的性能和效率问题

以往提到Javascript,联想到的是缓慢的、容易出错的小东西,一种脚本语言,现在浏览器的发展,js引擎的优化,js已经今非昔比,无论在浏览器端还是服务器端,都有一席之地,结合HTML5开发企业级应用变得切合实际,以往要在浏览器中实现丰富的图形效果,通常会选择flex富客服端解决方案,也有些Web2.0时代的组件,比如Extjs,以及各种图表组件,但性能上并不理想,随着HTML5的普及,Web组件有了新的思路,抛弃老IE浏览器,了却后顾之忧,实现真正的高性能,这一点Qunee图形组件已经将Flex远远抛到脑后,实现上万图元,流畅操作

Qunee拓扑图加载时间报表