三款顶级Javascript图表图形类库介绍和比对
0
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来说，比较少
Fusioncharts
很牛X的图表类库，基本世界500强大部分都在使用， 提供了不同的包： 图标， 组件，地图等等，你可以购买自己需要滴
优点如下：
- 支持不同类型图表： 如果需要各种类型图标， Fusioncharts都没有问题，提供了90多种图表和965种地图，很多你能想到的视觉图形都有
- 自定义并且有实际例子：自定义非常简单，包含了很多直接可以使用的例子。 并且拥有很大的库
- 封装器和插件： 提供了官方的封装器和插件，所以有非常好的支持
- 浏览器和设备支持： 支持所有浏览器（IE6）和设备
- 高级特性： 提供了很多高级特性，宏，可编辑图表
- 个人支持：得到的支持非常快
缺点如下：
- 体积： 非常重，如果是基于web的应用会成问题，但是App会好些
- 价格： 价格相对于前面有些贵，如果你比较关心价格，可能考虑前面的更好
除了上面的顶级类库，国产百度的echart ，也不错，而且母语文档和支持，使用也是非常方便，虽然功能相对于上面的顶级图表来说还相对较弱，大家可以自己衡量利弊，感谢阅读~~
尊重我们的干货，请留下您的高水平发言~~~ ^_^
kvhur
9年前提问