开发者必了解的JavaScript图表库大全(1/4)

图表是数据图形化的表示，也就是“通过形象的图表来展示数据，比如条形图，折线图，饼图”。几乎每个开发或者项目管理团队都需要图表或者图形来简化理解，可视化复杂的数据和 web 应用工作流。可视化图表可以帮助开发者更容易理解复杂d数据，提高生产的效率和 web 应用和项目的可靠性。下面罗列出排名靠前的 JavaScript 图表和图形库，适合各种从简单图表到复杂图表的需求。大部分的 JavaScript 图表和图形库都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库。

 

1.FusionCharts

FusionCharts是跨平台、跨浏览器的JavaScript/HTML图表组件。 FusionCharts支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是你值得信赖的JavaScript图表解决方案，目前在全球有45万用户选择Fusioncharts来制作专业的JavaScript图表。

 

< 下载FusionCharts试用版>

 

2. Ember Charts

Ember Charts 是个图表库，使用 Ember.js 和 d3.js 框架构建的。它包括时间线，条形图，饼图和散点图，非常容易扩展和修改。这些图表组件都是开箱即用的，在图表交互和演示方面应用的很好。

3. Chart.js

Chart.js 是个简单的，面向对象的客户端图形库，用户可以用 6 中不同的方式来可视化数据。每个方式都是动画效果的，完全自定义，而且看起来非常好看，即使在 retina 显示。它使用 HTML5 canvas 元素，支持所有现代浏览器，并且支持  IE7/8。

4. Aristochart

Aristochart 是个高度自定义，灵活的折线 canvas 图表库，允许用户集中精力在图表的审美方面，后台工作做得非常好。Aristochart 有个持续进步的社区，提供许多不断增长的主题给用户选择。

5. xCharts

xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript 图表库，他使用 HTML，CSS，SVG 实现图表，xCharts 被设计为一个动态的、流畅的、开放的和可定制化的库。

6. BonsaiJS

BonsaiJS 是个轻量级的 JavaScript 图形库，提供直观的图形 API 和 SVG 渲染器。主要特性包括：架构分离的运行器和渲染器；iFrame，Worker 和 Node 运行上下文；形状，路径，Assets（音频，图像，字体，subMovies），Keyframe 和常规动画，等等。支持现代化浏览器： Safari, Chrome 和 Firefox。

7. Sigma.js

Sigma.js 是个免费开源的 JavaScript 图形库，使用 HTML5 canvas 元素。它的设计是特别为了在 web 界面分享交互式网络 Map 和动态展示网络数据库。

8. Morris.js

Morris.js 是个轻量级的 JavaScript 库，使用 jQuery 和 Rapha&enuml 来绘制时序图。 Morris.js 生命周期是从代码驱动 howmanyleft.co.uk 图表开始的。它支持的浏览器有：  IE6+， Safari/Chrome/Firefox， iOS 3+ 和 Android 3+。它的公共 API 非常的小，只有一个函数： Morris.Line (选项)，包括了许多配置选项。

9. Paper.js

Paper.js 是一个开源的向量图形脚本框架，基于 HTML5 Canvas 开发。提供清晰的场景图、DOM 和大量强大的功能用来创建各种向量图和贝塞尔曲线。

 

......

 

未完待续