推荐几个web中常用js图表插件
作者：zccst
我自己用过fusioncharts和highchart。
jQuery插件有：
TufteGraph
flot
jscharts
jqchart
elycharts
jqueryvisualizeplugin
普通的：
1highchartshttp://www.highcharts.com/
Highcharts是一个用纯JavaScript编写的一个图表库，能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。
2jschartshttp://www.jscharts.com/
JSChart是需要一些简单或无需手工书写编码的基于Javascript的免费图表生成器。使用JSChart可以很简单很容易的完成你的生成图表任务，因为你只需要使用客户端脚本(即浏览器端)，无需多余的插件或服务器端模块。你只需要准备好JSChart脚本、包含图表数据的XML或Javascript数组。
3fusionchartshttp://www.fusioncharts.com/
FusionCharts是一个Flash的图表组件，它可以用来制作数据动画图表，其中动画效果用的是AdobeFlash8（原MacromediaFlash的）制作的flash，FusionCharts可用于任何网页的脚本语言类似于HTML，.NET，ASP，JSP，PHP，ColdFusion等，提供互动性和强大的图表。使用XML作为其数据接口，FusionCharts充分利用流体美丽的Flash创建紧凑，互动性和视觉逮捕图表。
4flothttp://www.flotcharts.org/
Flot是基于jQuery框架绘制图表的纯Javascript框架。它可在客户端即时绘制并生成各种图形。重要的是它使用简便(还有很多可选的设置)、吸引人的视觉效果和交互功能，如图表缩放和鼠标跟踪等。该javascript框架适用于我们所熟知的InternetExplorer6/7/8,Firefox2.x+,Safari3.0+,Opera9.5+andKonqueror4.x+浏览器。
5ProtoCharthttps://code.google.com/p/protochart/
ProtoChart是一个采用Prototype和Canvas开发的图表制作开源javascript工具包。当前支持的图表类型包括：Line、bar、pie、curve、mix和areacharts.
6EJSCharthttp://www.ejschart.com/
EJSChart支持鼠标跟踪、鼠标事件、键盘跟踪和事件、缩放、滚动、十字线增加交互感并为网页图表的用户体验提升了一个档次。您可以选择多种图表类型：线、面、分散数据、饼和函数级数。图表的每个细节都可以自定制。
7EChartshttp://echarts.baidu.com/
基于Canvas，纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
8PlotKithttp://www.liquidx.net/plotkit/
PlotKit是一款绘制图表图形的Javascript框架。它支持HTMLCanvas、基于AdobeSVGViewer的SVG和本地浏览器。
9OpenFlashCharthttp://teethgrinder.co.uk/open-flash-chart-2/
OpenFlashChart是一款开源的以Flash和Javascript为技术基础的免费图表，用它能创建一些很有效果的报表分析图表。
10Flotr2http://www.humblesoftware.com/flotr2/
Flotr2是个独立框架库，支持HTML5图表和图形。它是flotr的一个分支版本，移除了Prototype依赖性，并且有很多改进。支持：线图、条图、蜡状图、饼图、气泡图。诸如IE6类的老浏览器也支持。
11Rickshawhttp://code.shutterstock.com/rickshaw/
Rickshaw是个用于创建交互式时序图的JS工具。它依赖D3可视化库和其他一些jQuery和jQueryUI的插件。
12D3http://d3js.org/
D3是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HMTL表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图.
13AwesomeChartJShttp://cyberpython.github.io/AwesomeChartJS/
AwesomeChartJS是一个Javascript生成图表的类库，它利用了HTML5的canvas标签来创建统计图表。此类库就是为了减轻开发者的工作量，使用它只需书写几行代码便能生成漂亮的图表。
14gRaphaelhttp://g.raphaeljs.com/
gRaphael能够为你的网站创建漂亮的表格，它基于Raphael图形库。它支持Firefox3.0+,Safari3.0+,Opera9.5+andIE6.0+.
15jqPlothttp://www.jqplot.com/
jqPlot是一个jQuery绘图插件，可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips，数据点高亮显示等功能。
16RGraphhttp://www.rgraph.net/
RGraph是基于HTML5canvas标签的HTML5canvas图形库。
17dygraphshttp://dygraphs.com/
dygraphs是一个开源的Javascript库，它可以产生一个可交互式的，可缩放的的曲线表。其可以用来显示大密度的数据集（比如股票，气温，等等），并且可以让用户来浏览和解释这个曲线图。在它的主页，你可以看到一些示例和用法。
18CanvasXpresshttp://www.canvasxpress.org/
CanvasXpress是一个基于HTML5canvas标签实现的JavaScript图表类库，它能够支持线性图、柱形图、饼图和热点图等多种常见的图表类型。它所生成的图表交互性很强，鼠标放上去时会动态显示值。除此之外，它也具有相当高的可定制性，可设置图表的文字、颜色和要显示/隐藏的元素等。
多数是html5Canvas的图表，fusioncharts是flash的，有免费版，希望对你有用
1.EXTJS4
EXTJS4是一个javascript框架,其中包含很专业的图表
2.fusioncharts
3.Visualize
Visualize通过Javascript从结构化的HTML表格获取数据并借助HTML5Canvas把数据转换为可视化的图表。
4.rGraph
rGraph是一个基于HTML5canvas的图表库。借助HTML5的特性可以生成各种类型的图表，例如饼图、条形图、圆环图、甘特图、雷达图等。
5.iGrapher
iGrapher是一个免费的基于Web的，分析和预测股票、货币和商品的市场走势的可视化工具。
6.FunctionPlotter
由EdMackey开发的函数图形绘制工具，使用Canvas绘制二维数学函数图形。
7.BuildingHTML5CanvasBarGraph
使用HTML5Canvas元素和Javascript绘制条形图。
8.HTML5GraphSlider
一个动态图形查看器，可通过JavaScript接收数据并即时更新到图表中。
9.Graph.tk
Graph.tk是一个开源的图形工具，可以以不同的风格呈现函数曲线。
8.TickerPlot
Tickerplot也是一个开源项目，使用股票符号绘制走势图。
10.HumbleFinance
类似于Google的Flash财经图表工具，HumbleFinance是一个基于HTML5canvas的图表项目。
11.ChartingHTML5
一个HTML5canvas实验项目，看看它用于呈现图表的特性。
12.Graphr
Graphr是一个使用JavaScript编写的计算器，由RichardYe开发。
13.SnazzyAnimatedPieChartwithHTML5andjQuery
基于HTML5特性开发的饼图工具，拥有漂亮的动画效果。
14.AwesomeJS
AwesomeChartJS是一个简单的Javascript库，可用于创建基于HTML5Canvas元素的图表。
15.jsGraph
jsGraph是一个轻量的javascript库，用于结合HTML5呈现图表。
16.FacebookPrivacy
基于Prototype开发的可视化数据图表。
17.ASKKEN
ASKKEN™是一个序列的节点连接图，可以让你通过可视化导航链接到Freebase服务提供的主题。
18.CanvasXpress
CanvasXpress是另外一个结合HTML5特性开发的跨浏览器图表库，兼容主流浏览器。
19.ZingChart
如果前面那些开源和免费的图表方案都满足不了你的项目，可以试试ZingChart，这是首个可以以Flash和HTML5Canvas两种方案呈现图表的图表库。
如果您觉得本文的内容对您的学习有所帮助，您可以微信：