博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Qunee for HTML5与ECharts对比
阅读量:5901 次
发布时间:2019-06-19

本文共 1530 字,大约阅读时间需要 5 分钟。

  hot3.png

概述

是百度公司支持的开源产品,定位于Chart,  是上海酷利软件的商业软件,定位于拓扑图,两者都是前端技术,同属于数据可视化类库,但差异也很明显,本文将从大的方面对比两者特点
ECharts Qunee for HTML5
License 开源 商业
产品定位 图表 - 饼图、柱状图、雷达图、地图等 拓扑图 - 组织图、流程图、地铁图等
典型界面 标题,图例,数据过滤等 工具栏 - 框选,缩放,搜索等
典型驱动方式 数据驱动,配置 API驱动,二次开发
js大小 echarts.js - 350kb, echarts-all.js - 921kb qunee-min.js - 333kb
浏览器支持 IE6+, chrome, safari, firefox ... IE9+, chrome, safari, firefox ...

产品定位

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

典型界面

  • ECharts:标题,图例,数据过滤,数据视图等
  • Qunee for HTML5:工具栏:缩放、框选、搜索等
ECharts Qunee for HTML5 典型界面

驱动方式

  • ECharts:数据驱动,chart.setOption({series, legend …})
  • Qunee for HTML5:API驱动,graph.createNode(..), graph.createEdge(…)

Hello ECharts

echarts定位于图表,用户配置特定的数据,echarts解析显示,非开发者也可以使用

运行效果: 

hello echarts

qunee定位于拓扑图二次开发包,通常都需要编写代码,面向高级开发者

运行效果:

hello qunee for html5

关于地图

  • ECharts - 展示地图上的统计数据
  • Qunee for HTML5 - 展示地图背景拓扑图
ECharts Qunee for HTML5
产品定位 地图数据统计 地图拓扑图
拓扑图 没看到地图 + 拓扑图的示例 专注于拓扑图
性能体验 官方示例数据量并不大,性能却不高,炫光特效的几个例子略卡 从世界地图到地市级别,再加上万节点连线,交互依旧流畅
地图数据 地图数据比较粗糙,广东省和海南岛居然是连在一起的,不确定echarts能提供从世界地图放大到地市的方案 可以提供从世界地图到国内县市,各种精度的地图输出
样式 官方示例中地图只有颜色填充,成图效果不佳 支持颜色、渐变、阴影、边线样式等效果,更好的展示效果
支持与定制 地图拓扑并非echarts的重点,不确定如何从百度公司获得官方支持和定制服务 商业软件,专注于拓扑,提供官方技术支持,特殊需求可以定制

ECharts 地图截图

echarts 地图

Qunee 地图截图

Qunee for HTML5 地图截图

总结

两者定位不同,ECharts专注于大众的图表,Qunee专注于专业的拓扑图,图表用户群体比较广,通常配置一下数据就可以显示,而Qunee面向专业开发人员,通常需要编写代码才能实现业务需求 

关于地图,ECharts可以显示地图统计数据,而Qunee则支持地图与拓扑图的结合展示 

性能方面,Qunee(商业授权)支持上万图元,交互流畅,从官方示例看,ECharts在性能和体验方面还有很大的改善空间 

总的来说,两者可以互补,Qunee目前没有图表,ECharts拓扑图弱,此外Chart方面的优秀组件很多,比如,也有map,效果体验更好

转载于:https://my.oschina.net/nosand/blog/377624

你可能感兴趣的文章
iOS推送消息报错误“Domain=NSCocoaErrorDomain Code=3000”的可能问题
查看>>
Android开发指南(30) —— Multimedia and Camera
查看>>
kvm-1
查看>>
Jmeter的接口测试简介
查看>>
第二阶段冲刺03
查看>>
hdu1045 Fire Net---二进制枚举子集
查看>>
drupal网站邮件发送功能的实现
查看>>
leetcode 64. Minimum Path Sum
查看>>
查看表空间数据文件
查看>>
Linux输入输出管理
查看>>
zabbix监控系统的配置
查看>>
oracle中时间处理
查看>>
配置Java EE Eclipse+Tomcat开发环境
查看>>
SSH免密码登录的方法
查看>>
textkit
查看>>
Android详细的对话框AlertDialog.Builder使用方法
查看>>
2594 解药还是毒药
查看>>
Spring中使用@Profile指定不同的环境
查看>>
linux下修改/etc/profile文件
查看>>
cropper实现图片剪切上传
查看>>