三款顶级Javascript图表图形类库介绍和比对

0
图表 百度 C/C++ Go Microsoft 8694 次浏览

Javascript包含了很多开源并且免费的图表类库, 在今天这篇文章中,我们将介绍三款最顶级的Javascript图表类库,包括:

  • D3.js
  • Highcharts
  • FusionCharts

D3.js

Mike Bostock开发的D3.js几乎成为了数据可视化的代名词,它基于现代浏览器标准,并且提供了图形渲染的完整控制

优点如下:

  • 优雅漂亮: 生成漂亮并且优雅的图形图表,绝对超越其它图形类库提供的图形
  • 轻量级:核心336k,压缩后151k,适合开发高性能的应用
  • 高度自定义:它并不提供一些直接使用的功能, 但是通过优化的数据操作,可以自定义出任何你想实现的效果
  • 社区支持: 社区支持非常棒,包含了很多提问和解决方案(stackoverlow.com),任何需要解决的问题基本都可以完成的得到支持
  • 很多超棒的例子: 包含了900多个精心设计的演示例子
缺点如下:
  • 学习曲线陡峭:虽然d3.js很酷,但是如果你需要快速去开发的话,可能使用d3.js会让人很不舒服
  • 浏览器支持: d3.js的浏览器支持不是很好,例如,不支持ie6,7,8,甚至ie9的支持也不是很完整,如果你需要服务不同的浏览器或者企业级别使用,可能不是一个好的选择
  • 标签管理:d3的标签管理比较麻烦,而其它类库都自动管理
  • 导出图形:其它类库都可以方便的导出png,jpg,pdf等格式,但是d3需要额外的开发

Highcharts

Highcharts是另外一个非常流行的图标类库,除了基础的图表以外,它还包含了股票图和地图等等

优点如下:

  • 类库大小:超轻量级,并且性能非常好,支持所有浏览器,但对于不同设备性能不太一样
  • 社区支持:开源并且非商用免费,如果遇到问题,可以去stackoverflow和自带论坛求教
  • 价格: 初始价格对于个人开发者或者小团队来说价格很低
  • 浏览器支持: 对于highcharts来说,这绝对是一个优点,老式浏览器和现代浏览器都支持的非常好

缺点如下:

  • 个人支持:主要问题是个人支持, 一般的问题好解决,但是一旦遇到了关键问题,个人支持非常有限
  • 支持图形: 支持图形相对于fusioncharts来说,比较少

在线代码及演示:http://www.gbtags.com/gb/rtreplayerpreview/979.htm

Fusioncharts

很牛X的图表类库,基本世界500强大部分都在使用, 提供了不同的包: 图标, 组件,地图等等,你可以购买自己需要滴

优点如下:

  • 支持不同类型图表: 如果需要各种类型图标, Fusioncharts都没有问题,提供了90多种图表和965种地图,很多你能想到的视觉图形都有
  • 自定义并且有实际例子:自定义非常简单,包含了很多直接可以使用的例子。 并且拥有很大的库
  • 封装器和插件: 提供了官方的封装器和插件,所以有非常好的支持
  • 浏览器和设备支持: 支持所有浏览器(IE6)和设备
  • 高级特性: 提供了很多高级特性,宏,可编辑图表
  • 个人支持:得到的支持非常快

缺点如下:

  •  体积: 非常重,如果是基于web的应用会成问题,但是App会好些
  • 价格: 价格相对于前面有些贵,如果你比较关心价格,可能考虑前面的更好

在线代码及演示: http://www.gbtags.com/gb/rtreplayerpreview/980.htm

除了上面的顶级类库,国产百度的echart ,也不错,而且母语文档和支持,使用也是非常方便,虽然功能相对于上面的顶级图表来说还相对较弱,大家可以自己衡量利弊,感谢阅读~~  

尊重我们的干货,请留下您的高水平发言~~~  ^_^

请尽量让自己的答案能够对别人有帮助

2个答案

默认排序 按投票排序