15 款JavaScript 热门图形图表库

图表是数据图形化的表示，也就是“通过形象的图表来展示数据，比如条形图，折线图，饼图”。几乎每个开发或者项目管理团队都需要图表或者图形来简化理解，可视化复杂的数据和 web 应用工作流。可视化图表可以帮助开发者更容易理解复杂d数据，提高生产的效率和 web 应用和项目的可靠性。

　　JavaScript 图表和图形库就是一个简单创建图表和图形的工具。现在互联网上有许多五花八门的 JavaScript 图表和图形库，帮助开发者们更好的创建 web 应用的图表和图形。

　　在这篇文章中，我们罗列出排名前 15 的 JavaScript 图表和图形库，适合各种从简单图表到复杂图表的需求。大部分的 JavaScript 图表和图形库都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库。Enjoy ！！

　　1. Planetary.js

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

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

　　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 charts as well as Gauges.

　　11. Smoothie Charts

　　Smoothie Charts 是个极小的图表库，专为实时流媒体数据设计的。Joe Walnes 想展示 WebSocket 推动的实时的流数据。虽然很多图表库允许用户动态更新数据，但是没有一个是可以优化源源不断的流数据。

　　12. Dygraphs

　　Dygraphs 是个快速，灵活，开源的 JavaScript 图表库。它允许用户展示和解析密集的数据集。可以高亮需要强调的数据集。可以使用鼠标点击或者用鼠标拖动来缩放图表；可以修改数值或者点击条目来调整平均周期。

　　13. Grafico

　　Grafico 是Grafico 是一个基于 Raphaël 和 Prototype.js 构建的 JavaScript 图表库，提供了各种图表类型。这些漂亮的图表，有利于传递他们的信息。

　　14. Highchart JS

　　Highcharts JS是一个制作图表的纯Javascript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是PHP、Asp.net还是 Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highcharts.js，还有a canvas emulator for IE和Jquery类库或者MooTools类库；提示功能：鼠标移动到图表的某一点上有提示信息；放大功能：选中图表部分放大，近距离观察图表；易用性：无需要特殊的开发技能，只需要设置一下选项就可以制作适合自己的图表；时间轴：可以精确到毫秒；在 RunJS 查看在线演示：http://runjs.cn/code/ih5xzoeb

　　15. Flotr

　　Flotr 是一个基于Prototype开发的javascript绘图工具。支持图例，鼠标跟踪，图片区域选择，图片缩放，添加事件钩子（event hook），通过CSS设置样式等。

VIA：codegeekz.com