比较流行的基础绘图库 , 基于 SVG 的有 snap.svg、rapheal.js 等 , 基于 Canvas 2D 的有 zrender、g 等 , 基于 WebGL 的有 three.js、SceneJS、PhiloGL 等 , 这些基础绘图库可以让上层封装更简单容易 。
我们重点回到基于 Web 技术的数据可视化类库 。
D3D3.js 是一个基于数据操作文档的 JavaScript 库 。D3 可以将强大的可视化组件和数据驱动的 DOM 操作方法完美结合 。
D3的优劣:
- 强大的 SVG 操作能力 , 可以非常容易的将数据映射为 SVG 属性
- 集成了大量数据处理、布局算法和计算图形的工具方法
- 强大的社区和丰富的 demo
- API 太底层 , 复用性低 , 学习与使用成本高
- nvd3.js: 基于 D3 封装了常见的折线图、散点图、饼图 , 功能比较简单
- dc.js: 除了提供了常见的图表外还提供了一些数据处理能力
- c3.js: 一个轻量级的基于状态管理的图表库
HighChartsHighCharts 是一个用纯 JavaScript 编写的图表库 , 能够简单便捷的在 Web 应用上添加交互性图表 。这是在 Web 上使用最广泛的图表 , 企业使用需要购买商业授权 。
HighCharts的优劣:
- 使用门槛极低 , 兼容性好
- 使用广泛 , 非常成熟
- 样式比较陈旧、图表难以扩展
- 商业上使用需要购买版权
EChartsECharts 缩写自 Enterprise Charts , 企业级图表 , 开源来自百度数据可视化团队 , 是一个纯 Javascript 的图表库 , 可以流畅的运行在 PC 和移动设备上 , 兼容当前绝大部分浏览器 , 底层依赖另一个也是该团队自主研发的轻量级的 Canvas 类库 ZRender , 提供直观 , 生动 , 可交互 , 可高度个性化定制的数据可视化图表 。ECharts 是目前国内唯一一个入选 GitHub 全球可视化榜单的开源项目 , 2w+ star 全球排名第三 , 社区活跃 , 覆盖主流前端框架和 8 种编程语言的扩展 , 目前国内市场占有率处于绝对领先地位 。
ECharts的优劣:
- 丰富的图表类型 , 覆盖主流常规的统计图表
- 配置项驱动 , 三级个性化图表样式管理
- 移动端优化 , 交互和布局适配 , 按需打包
- 深度的交互式数据探索
- 地理特效(百度迁徙 , 百度人气 , 公交轨迹等效果)
- 灵活性上不如 Vega 等基于图形语法的类库
- 复杂关系型图表比较难定制
LeafletLeaflet 是面向移动设备的交互式地图的 JavaScript 库 。测量的 JS 只有大约 38 KB , 它具有大多数开发人员需要的所有映射功能 。
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 什么手机辐射最大啊
- 小米手机私密相册找不到了 小米私密相册在哪打开
- 小米手机有红包提醒功能吗 小米红包助手在哪设置
- 淘宝手机流量互刷是怎么刷的?用什么软件
- 数据库sql语句大全实例 sql建表命令
- datav数据可视化工具 阿里云datav数据可视化
- 人工智能的大数据分析 人工智能大数据预测
- 2个excel筛选相同姓名 两张表格筛选相同数据教程
- 不收费的网络电话软件推荐 免费手机网络电话软件
- 短信验证码代接收方法 手机短信接收平台