概述 ECharts是百度公司支持的开源产品,定位于Chart,Qunee for HTML5是上海酷利软件的商业软件,定位于拓扑图,两者都是前端技术,同属于数据可视化类库,但差异也很明显,本文将从大的方面对比两者特点 ECharts Qunee for HTML5 License 开源 商业 产品定位 图表 - 饼图、柱状图、雷达图、地图等 拓扑图 - 组织图、流程图、地铁图等 典型界面 标题,图例,数据过滤等 工具栏 - 框选,缩放,搜索等 典型驱动方式 数据驱动,配置 API驱动,二次开发 js大小 echarts.js - 350kb, echarts-all.js - 921kb …
阅读更多继续拓扑图编辑器的开发,并创建了项目Graph.Editor,正式发布到github了,项目使用了nodejs,bower,gulp等HTML5项目开发工具,bower用于前端包管理,Gulp用于自动发包和发布,欢迎Qunee客户使用和贡献代码 相关文章: 拓扑图编辑器(1) 拓扑图编辑器(2) 项目地址:https://github.com/samsha/graph.editor 在线演示:http://demo.qunee.com/editor/ 拓扑图编辑器介绍 Graph.Editor是一款基于HTML5技术的拓补图编辑器,采用jquery插件的形式,是Qunee图形组件的扩展项目 数据可视化是一件有趣的工作,冰冷的数据 …
阅读更多经过连日奋战,Qunee for HTML5 V1.7 新版本终于发布了,丰富了更多细节和功能,在线演示改版,全面支持retina屏幕,欢迎访问和升级:http://demo.qunee.com 支持SVG图标 更多的图片支持,更好的渲染效果,更快的运行效率 增加子网功能 基于jQuery的拓扑图插件 只需几行代码,就可以配置一个拓扑图编辑器,http://demo.qunee.com/editor/1.7/
阅读更多Qunee for HTML5 V1.6正式发布,修复了一些 BUG,增加了滚动条支持,改进了编辑器,增加了JSON 导入导出、告警冒泡、连线流动,UI 定制等扩展示例,欢迎访问并联系升级 导航面板 增加了滚动条导航模式,加上之前的导航按钮模式,以及去除导航面板的情况,出现了三种导航模式,并在Graph中提供了navigationType属性进行切换,以适用于不同的应用场景,默认使用滚动条模式 以下代码用于设置拓扑图使用导航按钮 graph.navigationType = Q.Consts.NAVIGATION_BUTTON; 滚动条模式 - Q.Consts.NAVIGATION_SCROLLBAR 滚动条模式符合传统的导航模 …
阅读更多电信网管系统中,设备的状态信息的实时展示非常重要,通常会以挂载一堆图标来展示状态或告警信息,图标展示的信息有限,有时需要更详细的面板或者图表,Qunee 中每个图元节点上可以挂载多个 UI 控件,支持9X9=81种相对位置,可以实现单节点上多个 ui 元素的排列和布局,另外每个 ui 元素都可以绑定图元属性,这使得信息可以实时更新,本文将结合最近客户提到的需求,使用 Qunee1.6 beta版本,实现在拓扑图中实现设备信息的显示 需求分析 网络设备拓扑图,默认设备为普通节点,双击时展开,显示CPU,内存,流量等信息,使用柱状图和不同颜色的文字来展示,再双击变回普通节点 这里需要定制节点,普通模式下,节点包含图标和文字,展开模式下, …
阅读更多Qunee for HTML5 v1.5正式发布,新版本做了大量优化,重构了底层UI渲染机制,缩短图形加载时间20% - 40%,统一了自动布局器接口,丰富了选中效果,增加了平移缩放动画,增加了搜索功能,增加大图片缓存,修复了低版本android下的显示问题等,欢迎升级和试用 在线演示:demo.qunee.com 升级申请:qunee.com/#try 性能优化 授权版本实现上万图元,三秒内加载与绘制 以下为Safari 6.1.5 for mac 性能测试报表 改进自动布局 统一了自动布局类,使得动态布局也可一次性完成布局 改进弹簧布局算法,大幅度缩短布局时间,支持五千图元动态布局 增加选中效果 增加平移缩放动画 平移,缩放等交 …
阅读更多本文的话题是:性能,HTML5、JS、Qunee组件的性能和效率问题 历史回顾 以往提到Javascript,联想到的是缓慢的、容易出错的小东西,一种脚本语言,现在浏览器的发展,js引擎的优化,js已经今非昔比,无论在浏览器端还是服务器端,都有一席之地,结合HTML5开发企业级应用变得切合实际,以往要在浏览器中实现丰富的图形效果,通常会选择flex富客服端解决方案,也有些Web2.0时代的组件,比如Extjs,以及各种图表组件,但性能上并不理想,随着HTML5的普及,Web组件有了新的思路,抛弃老IE浏览器,了却后顾之忧,实现真正的高性能,这一点Qunee图形组件已经将Flex远远抛到脑后,实现上万图元,流畅操作 静态拓扑图性能 首 …
阅读更多web应用越变的庞大,模块化越显得重要,尤其Nodejs的流行,Javascript不限用于浏览器,还用于后台或其他场景时,没有Class,没有Package的Javascript语言变得难以管理,于是出现CommonJS项目,提出了一些规范模块化的写法,在Nodejs中普遍应用,同样浏览器端也出现了类似的解决方案,并结合浏览器异步加载的特性,有RequireJS提出的AMD(Asynchronous Module Definition)规范,以及SeaJS提出的CMD(Common Module Definition)规范,两者都实现Javascript了模块化定义的APIs,各有异同,下面将分别使用两种方案,实现Qunee组件的 …
阅读更多