JavaScript图表和图形库就是一个简单创建图表和图形的工具。现在互联网上有许多五花八门的JavaScript图表和图形库，帮助开发者们更好的创建web应用的图表和图形。在这篇文章中，小编将为大家列出排名前十的JavaScript图表和图形库，适合各种从简单图表到复杂图表的需求。欢迎大家品鉴！

1. Planetary.js

Planetary.js是个令人称奇的创建交互式web地球仪的JavaScript库。它使用D3和TopoJSON来解析和渲染地理信息。Planetary.js使用基于插件的架构，甚至默认自身就是个插件！这使得Planetary.js非常灵活，而且它允许用户完全自定义，包括颜色、大小、rotation等等。更重要的是，用户可以在任意位置使用自定义的颜色和大小来显示动画“pings”，它还支持鼠标拖动和缩放。

2. Ember Charts

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

3. Chart.js

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

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和大量强大的功能来创建各种向量图和贝塞尔曲线。

10. AmCharts

AmCharts是个高级图表库，适用于所有数据的可视化。AmCharts包括： Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid图表。

PS: 关于JavaScript图形图表，这些产品你可以关注>>

本文翻译自codegeekz，转载请注明本文转载自慧都控件网！