作者:zccst

我自己用过fusioncharts和highchart。

jQuery插件有:

TufteGraph

flot

js charts

jqchart

elycharts

jquery visualize plugin

 

普通的:

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数组。

javascript 曲线程度 js曲线图插件_ViewUI

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+浏览器。

javascript 曲线程度 js曲线图插件_php_02

 

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

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

javascript 曲线程度 js曲线图插件_ui_03

 

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

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

javascript 曲线程度 js曲线图插件_javascript 曲线程度_04

 

 

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

 

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

javascript 曲线程度 js曲线图插件_ui_05

 

 

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

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

javascript 曲线程度 js曲线图插件_ui_06

 

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

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

javascript 曲线程度 js曲线图插件_javascript 曲线程度_07

 

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


javascript 曲线程度 js曲线图插件_ui_08




11 Rickshaw  http://code.shutterstock.com/rickshaw/

Rickshaw 是个用于创建交互式时序图的JS工具。它依赖 D3 可视化库和其他一些 jQuery 和 jQuery UI 的插件。

javascript 曲线程度 js曲线图插件_javascript 曲线程度_09



12 D3   http://d3js.org/

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

javascript 曲线程度 js曲线图插件_javascript_10




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

javascript 曲线程度 js曲线图插件_php_11





14 gRaphael  http://g.raphaeljs.com/

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

javascript 曲线程度 js曲线图插件_ui_12


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

javascript 曲线程度 js曲线图插件_javascript 曲线程度_13


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

javascript 曲线程度 js曲线图插件_javascript_14



17 dygraphs   http://dygraphs.com/

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

javascript 曲线程度 js曲线图插件_php_15





18 CanvasXpress   http://www.canvasxpress.org/

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

javascript 曲线程度 js曲线图插件_javascript 曲线程度_16

 

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

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

2.fusioncharts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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