图形和图表的使用,能够使复杂的数据易于阅读和理解。现有越来越多的开放源码和不需要的Flash支持纯JavaScript图表解决方案。 这里有40个非常有用的JavaScript图表和图形开发库。
Sigma.js:一个开源的轻量级JS库,用来绘制各种图形,使用的是 HTML Canvas元素。
![](https://i-blog.csdnimg.cn/blog_migrate/6edf50c3218f1aba9d605d39d3d388b4.jpeg)
BonsaiJS:轻量级图表库,包含直观的图形API和SVG渲染。
![](https://i-blog.csdnimg.cn/blog_migrate/feee8c67b8dcd8cfff5c13077de5a4ff.jpeg)
Ember Charts:是一个基于 Ember.js 和 D3.js 的图表库。它包括时间序列、柱状图、饼图、点图,很容易扩展和修改。这些图表组件代表图表交互性和演示的最佳实践,是高度可定制和可扩展的。您可以添加说明、标签、提示和鼠标悬停效果。
![](https://i-blog.csdnimg.cn/blog_migrate/468dcd09c49311120373384f3366220b.jpeg)
Pizza Pie Charts :是个响应式饼图图表,基于 Adobe Snap SVG 框架,通过 HTML 标记和 CSS 来替代 JavaScript 对象,更容易集成各种先进的技术
![](https://i-blog.csdnimg.cn/blog_migrate/99a846953d19ab0b5b957481cbb0a7b4.jpeg)
ChartsJS:一个免费的javascript 基础图表生成器。
![](https://i-blog.csdnimg.cn/blog_migrate/dd0f91766248a8ff290842819f4f5d58.jpeg)
xcharts:基于D3的JavaScript图表库,用于创建自定义图形图表。
![](https://i-blog.csdnimg.cn/blog_migrate/d306b34632fe24d92a4cb2e5d9656000.jpeg)
Grafico:基于Raphael和Prototype.js的JavaScript图表库。
![](https://i-blog.csdnimg.cn/blog_migrate/9e601945b865b3b02a735b607aa7a015.jpeg)
Flotr:为Prototype.js所用的JavaScript图表库。提供了丰富的功能,像对负数值的支持、鼠标跟踪、选定支持、缩放支持、事件挂钩、CSS样式支持、在画布(canvas)中包含文字、旋转的标签、渐变颜色、图形标题和子标题、电子表格、CSV数据下载等等。
![](https://i-blog.csdnimg.cn/blog_migrate/cee1602ca435deb3dad0313b2fd1af95.jpeg)
Aristochart:一个没有任何依赖的JavaScript库,只能用于创建2D折线图。
![](https://i-blog.csdnimg.cn/blog_migrate/3e5f6d07d3afe20d576aab0b3cf56732.jpeg)
jQuery Spidergraph:一款交互式的HTML5网状图模块。
![](https://i-blog.csdnimg.cn/blog_migrate/0561e38bcaa493b0542d4310bd5373b4.jpeg)
amcharts: JavaScript/HTML5图表,包括序列图表(列型图,条形图,线型图,面积图,步骤折线图,平滑折线图,蜡烛图,ohlc图),饼图/环形图,雷达图/极区图以及xy图/散点图/气泡图。
![](https://i-blog.csdnimg.cn/blog_migrate/a5bd7e1ba8d0cfa2f0871ee3fd31c929.jpeg)
Paper.js :一个开源的向量图形脚本框架,基于 HTML5 Canvas 开发。提供清晰的场景图、DOM和大量强大的功能用来创建各种向量图和贝塞尔曲线。
![](https://i-blog.csdnimg.cn/blog_migrate/bc23cbf7c46453d3f045456c460f76bc.jpeg)
Morris.js:一个轻量级的JavaScript库,使用jQuery 和Rapha l来生成各种时序图。
![](https://i-blog.csdnimg.cn/blog_migrate/5cffafa805b4376620f393ac99dce1e5.jpeg)
Smoothie Charts :一个十分小的动态流数据图表库。
![](https://i-blog.csdnimg.cn/blog_migrate/8185299cee3b1d42f3e84d712f5c453e.jpeg)
dygraphs:开源的JavaScript库,可生成直观的、可缩放到饿时间序列图。对大型数据集尤其适用。
![](https://i-blog.csdnimg.cn/blog_migrate/e91fb4bae87f1638bb51b9098f34d50c.jpeg)
HighCharts:纯HTML5/JavaScript编写的图表库,为你的Web网站、Web应用程序提供直观、交互式图表。
![](https://i-blog.csdnimg.cn/blog_migrate/99baf3d5b19b36d006a04200f4f30a72.jpeg)
Envision.js :一个 JavaScript 库,用来简化,快速创建交互式的 HTML5 可视化图表。它包括两个图表类型:时序图和 Finance ,提供 API 给开发者,用户可以直接自定义创建图表。这个库氏基于 Flotr2 和 HTML5 Canvas 的。它与框架无关,依赖于几个小的 JavaScript 库。
![](https://i-blog.csdnimg.cn/blog_migrate/e62fc1772b7385241c524fac74b2ba62.jpeg)
Flot Charts:类似于jqPlot,纯JavaScript图表库,基于jQuery开发,能够在客户端根据任何数据集快速生成图片。
![](https://i-blog.csdnimg.cn/blog_migrate/67ec1bc56e91818189d0eb51b3c542be.jpeg)