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需要额外的开发

在线代码及演示： https://www.gbtags.com/gb/rtreplayerpreview/978.htm

Highcharts

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

优点如下：

类库大小：超轻量级，并且性能非常好，支持所有浏览器，但对于不同设备性能不太一样

社区支持：开源并且非商用免费，如果遇到问题，可以去stackoverflow和自带论坛求教

价格： 初始价格对于个人开发者或者小团队来说价格很低

浏览器支持： 对于highcharts来说，这绝对是一个优点，老式浏览器和现代浏览器都支持的非常好

缺点如下：

个人支持：主要问题是个人支持， 一般的问题好解决，但是一旦遇到了关键问题，个人支持非常有限

支持图形： 支持图形相对于fusioncharts来说，比较少

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

Fusioncharts

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

优点如下：

支持不同类型图表： 如果需要各种类型图标， Fusioncharts都没有问题，提供了90多种图表和965种地图，很多你能想到的视觉图形都有

自定义并且有实际例子：自定义非常简单，包含了很多直接可以使用的例子。 并且拥有很大的库

封装器和插件： 提供了官方的封装器和插件，所以有非常好的支持

浏览器和设备支持： 支持所有浏览器（IE6）和设备

高级特性： 提供了很多高级特性，宏，可编辑图表

个人支持：得到的支持非常快

缺点如下：

体积： 非常重，如果是基于web的应用会成问题，但是App会好些

价格： 价格相对于前面有些贵，如果你比较关心价格，可能考虑前面的更好

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

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

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