推荐几个web中常用js图表插件

作者：zccst

我自己用过fusioncharts和highchart。

jQuery插件有：

TufteGraph

flot

js charts

jqchart

elycharts

jquery visualize plugin



普通的：

1 highcharts     http://www.highcharts.com/

Highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。



2 jscharts   http://www.jscharts.com/

JS Chart是需要一些简 单或无需手工书写编码的基于Javascript的免费图表生成器。使用JS Chart可以很简单很容易的完成你的生成图表任务，因为你只需要使用客户端脚本(即浏览器端)，无需多余的插件或服务器端模块。你只需要准备好JS Chart脚本、包含图表数据的XML或Javascript数组。



3 fusioncharts          http://www.fusioncharts.com/

FusionCharts是一个Flash的图表组件，它可以用来制作数据动画图表，其中动画效果用的是Adobe Flash 8 （原Macromedia Flash的）制作的flash ， FusionCharts可用于任何网页的脚本语言类似于HTML ， .NET，ASP ， JSP， PHP ， ColdFusion等，提供互动性和强大的图表。使用XML作为其数据接口， FusionCharts充分利用流体美丽的Flash创建紧凑，互动性和视觉逮捕图表。



4 flot   http://www.flotcharts.org/

Flot是基于 jQuery框架绘制图表的纯Javascript框架。它可在客户端即时绘制并生成各种图形。重要的是它使用简便(还有很多可选的设置)、吸引人的视觉 效果和交互功能，如图表缩放和鼠标跟踪等。该javascript框架适用于我们所熟知的 Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+浏览器。





5 ProtoChart    https://code.google.com/p/protochart/

ProtoChart是一个采用Prototype和Canvas开发的图表制作开源javascript工具包。当前支持的图表类型包括：Line、bar、pie、curve、mix和area charts.





6 EJSChart   http://www.ejschart.com/

EJSChart支持鼠标跟踪、鼠标事件、键盘跟踪和事件、缩放、滚动、十字线增加交互感并为网页图表的用户体验提升了一个档次。您可以选择多种图表类型：线、面、分散数据、饼和函数级数。图表的每个细节都可以自定制。







7 ECharts http://echarts.baidu.com/



基于Canvas，纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。







8 PlotKit  http://www.liquidx.net/plotkit/

PlotKit是一款绘制图表图形的Javascript框架。它支持HTML Canvas、基于Adobe SVG Viewer的SVG和本地浏览器。





9 Open Flash Chart   http://teethgrinder.co.uk/open-flash-chart-2/

OpenFlashChart是一款开源的以Flash和Javascript为技术基础的免费图表，用它能创建一些很有效果的报表分析图表。





10 Flotr2   http://www.humblesoftware.com/flotr2/
Flotr2 是个独立框架库，支持HTML5图表和图形。它是 flotr 的一个分支版本，移除了 Prototype 依赖性，并且有很多改进。支持：线图、条图、蜡状图、饼图、气泡图。诸如 IE6 类的老浏览器也支持。




11 Rickshaw  http://code.shutterstock.com/rickshaw/
Rickshaw 是个用于创建交互式时序图的JS工具。它依赖 D3 可视化库和其他一些 jQuery 和 jQuery UI 的插件。


12 D3   http://d3js.org/
D3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HMTL表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图.




13 Awesome Chart JS   http://cyberpython.github.io/AwesomeChartJS/
Awesome Chart JS 是一个Javascript生成图表的类库，它利用了 HTML5 的 canvas 标签来创建统计图表。此类库就是为了减轻开发者的工作量，使用它只需书写几行代码便能生成漂亮的图表。




14 gRaphael  http://g.raphaeljs.com/
gRaphael能够为你的网站创建漂亮的表格，它基于Raphael图形库。它支持Firefox 3.0+, Safari 3.0+, Opera 9.5+ and IE 6.0+.




15 jqPlot  http://www.jqplot.com/
jqPlot是一个jQuery绘图插件，可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips，数据点高亮显示等功能。




16 RGraph  http://www.rgraph.net/
RGraph是基于HTML5 canvas标签的HTML5 canvas图形库。


17 dygraphs   http://dygraphs.com/
dygraphs 是一个开源的Javascript库，它可以产生一个可交互式的，可缩放的的曲线表。其可以用来显示大密度的数据集（比如股票，气温，等等），并且可以让 用户来浏览和解释这个曲线图。在它的主页，你可以看到一些示例和用法。




18 CanvasXpress   http://www.canvasxpress.org/
CanvasXpress是一个基于HTML5 canvas标签实现的JavaScript图表类库，它能够支持线性图、柱形图、饼图和热点图等多种常见的图表类型。它所生成的图表交互性很强，鼠标放 上去时会动态显示值。除此之外，它也具有相当高的可定制性，可设置图表的文字、颜色和要显示/隐藏的元素等。





多数是html5 Canvas的图表，fusioncharts是flash的，有免费版，希望对你有用

1.EXTJS4
EXTJS 4是一个javascript框架,其中包含很专业的图表

2.fusioncharts

3.Visualize
Visualize通过Javascript从结构化的HTML表格获取数据并借助HTML5 Canvas把数据转换为可视化的图表。

4. rGraph
rGraph是一个基于HTML5 canvas的图表库。借助HTML5的特性可以生成各种类型的图表，例如饼图、条形图、圆环图、甘特图、雷达图等。

5. iGrapher
iGrapher是一个免费的基于Web的，分析和预测股票、货币和商品的市场走势的可视化工具。

6. Function Plotter
由Ed Mackey开发的函数图形绘制工具，使用Canvas绘制二维数学函数图形。

7. Building HTML5 Canvas Bar Graph
使用HTML5 Canvas元素和Javascript绘制条形图。

8. HTML5 Graph Slider
一个动态图形查看器，可通过JavaScript接收数据并即时更新到图表中。

9. Graph.tk
Graph.tk是一个开源的图形工具，可以以不同的风格呈现函数曲线。

8. Ticker Plot
Ticker plot也是一个开源项目，使用股票符号绘制走势图。

10. HumbleFinance
类似于Google的Flash财经图表工具，HumbleFinance是一个基于HTML5 canvas的图表项目。

11. Charting HTML5
一个HTML5 canvas实验项目，看看它用于呈现图表的特性。

12. Graphr
Graphr是一个使用JavaScript编写的计算器，由Richard Ye开发。

13. Snazzy Animated Pie Chart with HTML5 and jQuery
基于HTML5特性开发的饼图工具，拥有漂亮的动画效果。

14. AwesomeJS
AwesomeChartJS是一个简单的Javascript库，可用于创建基于HTML 5 Canvas元素的图表。

15. jsGraph
jsGraph是一个轻量的javascript库，用于结合HTML5呈现图表。

16. Facebook Privacy
基于Prototype开发的可视化数据图表。

17. ASK KEN
ASK KEN™是一个序列的节点连接图，可以让你通过可视化导航链接到Freebase服务提供的主题。

18. CanvasXpress
CanvasXpress是另外一个结合HTML5特性开发的跨浏览器图表库，兼容主流浏览器。

19. ZingChart
如果前面那些开源和免费的图表方案都满足不了你的项目，可以试试ZingChart，这是首个可以以Flash和HTML5 Canvas两种方案呈现图表的图表库。


如果您觉得本文的内容对您的学习有所帮助，您可以微信：

评论

1 楼 zenmshuo 2016-09-09  

用过SpreadJS，也包含数据可视化的图表