手机可视化数据app推荐 移动端数据可视化系统( 三 )

比较流行的基础绘图库 , 基于 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 太底层 , 复用性低 , 学习与使用成本高
D3 没有提供封装好的组件 , 在复用性、易用性方面不佳 , 社区里有很多基于 D3 的可视化组件库:
  • nvd3.js: 基于 D3 封装了常见的折线图、散点图、饼图 , 功能比较简单
  • dc.js: 除了提供了常见的图表外还提供了一些数据处理能力
  • c3.js: 一个轻量级的基于状态管理的图表库
D3 有着 Stanford 的血脉渊源 , 在学术界享有很高声誉 , 灵活强大使得它成为目前领域内使用最广泛的可视化类库 , 但偏底层的 API 和数据驱动模式 , 使得上手 D3 存在一定门槛 , 基于 D3 的工程实现上需要自己考虑和处理更多内容 , 如动画、交互、统一样式等 , 研发成本较高 。
HighChartsHighCharts 是一个用纯 JavaScript 编写的图表库 ,  能够简单便捷的在 Web 应用上添加交互性图表 。这是在 Web 上使用最广泛的图表 , 企业使用需要购买商业授权 。
HighCharts的优劣:
  • 使用门槛极低 , 兼容性好
  • 使用广泛 , 非常成熟
  • 样式比较陈旧、图表难以扩展
  • 商业上使用需要购买版权
这是图表界的 jQuery , 在世界范围内是使用最多最广的一个可视化类库 , 但整体图表设计比较陈旧难以扩展 , 同时商业公司使用需要按照使用人数购买版权 , 比较昂贵 , 阿里有购买过 , 目前已不推荐使用 。
EChartsECharts 缩写自 Enterprise Charts , 企业级图表 , 开源来自百度数据可视化团队 , 是一个纯 Javascript 的图表库 , 可以流畅的运行在 PC 和移动设备上 , 兼容当前绝大部分浏览器 , 底层依赖另一个也是该团队自主研发的轻量级的 Canvas 类库 ZRender , 提供直观 , 生动 , 可交互 , 可高度个性化定制的数据可视化图表 。ECharts 是目前国内唯一一个入选 GitHub 全球可视化榜单的开源项目 , 2w+ star 全球排名第三 , 社区活跃 , 覆盖主流前端框架和 8 种编程语言的扩展 , 目前国内市场占有率处于绝对领先地位 。
ECharts的优劣:
  • 丰富的图表类型 , 覆盖主流常规的统计图表
  • 配置项驱动 , 三级个性化图表样式管理
  • 移动端优化 , 交互和布局适配 , 按需打包
  • 深度的交互式数据探索
  • 地理特效(百度迁徙 , 百度人气 , 公交轨迹等效果)
  • 灵活性上不如 Vega 等基于图形语法的类库
  • 复杂关系型图表比较难定制
ECharts 能很好满足传统图表需求 , 但在高度灵活多样化的可视需求面前 , 需要另寻出路 。
LeafletLeaflet 是面向移动设备的交互式地图的 JavaScript 库 。测量的 JS 只有大约 38 KB , 它具有大多数开发人员需要的所有映射功能 。


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: