21个Javascript图表插件程序

原文地址：

图表(Chart)能直观的展示数据，但静 态图片图表缺乏交互性，更新维护起来比较麻烦。看看有哪些比较好的JavaScript图表脚本吧。21 个Javascript图表插件程序。

1, Flot

Flot一个纯 绘 画库，基于 开 发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。

主页: 

下载: 

示例: 

 

 2, jQchart

基于Canvas+ ，可 拖放/交互的简单图形控件。

主页: 

下载: 

示例: 

 

3, Open Flash Chart

Open Flash Chart是一个开源的Flash制图组件。

主页: 

下载: 

示例: 

4, Plotkit

PlotKit是一个纯 绘 图工具包。它支持HTML Canvas和Adobe SVG。

主页: 

下载: 

示例: 

 

5, XML SWF Charts

XML SWF Charts是一个简单，但强大，利用Flash和动态生成XML数据来产生web chart的工具。当前支持的Charts类型包括：

 

LineColumnStacked columnFloating column3D columnStacked 3D columnParallel 3D columnPie3D PieBarStacked barFloating barAreaStacked areaCandlestickScatterPolarMixedCompositeJoined

主页: 

下载: 

示例: 

 6,  .sparkline

这是一个用于生成迷你型线状图的 插 件。

主页: 

下载: 

示例: 

 

 7, Flotr

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

主页: 

下载: 

示例: 

 

8, Open Flash Chart2

Open Flash Chart2是依据Open FlashChart1.x完全重新构建的一个Flash图表绘制组件。与1.x版本最大不同之处在于把数据格式改成JSON，以实现一些更酷的功能。该版本全部采用Actionscript3开发,Adobe Flex编译。

主页: 

下载: 

示例: 

 

 9, ProtoChart

ProtoChart是一个采用Prototype和Canvas开发的图表制作开源 工 具包。当前支持的图表类型包括：

 

Line、bar、pie、curve、mix和area charts在同一张图中支持多个数据数据序列支持Legend标签能够自定义网格，网格边线，背景自定义座标轴标题（包括x轴与y轴）

主页: 

下载: 

示例: 

10, Visifire

Visifire 是一组开源的Microsoft Silverlight图表制作组件。Visifire让你利用ASP、ASP.Net、PHP、JSP、ColdFusion、Ruby onRails或是只有HTML都能快速制作出“惊人”的图表（Charts）。不需要懂得任何Silverlight知识，只要具备基础的HTML知识，就能够使用该强大的Silverlight图表制作组件。

主页: 

下载: 

示例: 

11, CSS for Bar Graphs

用XHTML+CSS实现各种柱状图（Bar ） 的示例。

主页: 

下载: 

示例: 

12, FusionCharts Free

FusionCharts Free是一个制图组件用于创建好看，数据驱动，拥有动画效果的Flash charts。它能够与PHP、、Ruby on Rails、ASP、ASP.NET、JSP、ColdFusion、HTML页面等一起使用。这个组件是FusionCharts的免费版，但功能仍然 很强大。它能够生成的图表类型包括：

2D/3D column & bar charts2D/3D pie & doughnut chartsLine chartsArea chartsStacked chartsGantt charts

主页: 

下载: 

示例: 

13, JS Charts

JS Charts是一个制 图组件。支持的图表类型包括：柱状图，圆饼图，曲线图等。JS Charts支持的数据源可以是XML或数 组。

主页: 

下载: 

示例: 

14, MooCSSCharts

基于Mootools+CSS实现，拥有动画效果的柱状图（BarCharts）。

主页: 

下载: 

示例: 

 

15,  Google Charts

 Google Charts是一个封装Google API charts的 插件，提供了更加简易的使用方法。

主页: 

下载: 

示例: 

 

 16, Axiis

Axiis是一个基于Degrafa，Flex&ActionScript3.0开发的开源数据图表组件。

主页: 

下载: 

示例: 

17, jqPlot

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

主页: 

下载: 

示例: 

 

18,  Visualize Plugin

Visualize是一个利用HTML5 Canvas将Tables标签转换成图表的 插 件。支持的图表类型包括：线状图，柱状图，饼状图。可以设置图表标题，高度/宽度，颜色等。

主页:

下载: 

示例: 

 

 19, MilkChart

MilkChart是一个易于使用、强大，基于MooTools开发的制图工具。它使用HTML5<canvas>标签。支持的图 表类型包括：

 

ColumnBarLineScatterPie

主页: 

下载: 

示例: 

20, Raphaël

Raphaël 是一个能够在网页上创建和操作矢量图形的  Library。它使用SVG&VML来创建图形。因为每个生成的图形都是一个DOM对象，所以可以通过 操 作这些图形。支持 大部分浏览器包括：Firefox3.0+、Safari3.0+、Opera9.5+和Internet Explorer6.0+。

主页: 

下载: 

示例: 

 

 21, gRaphaël

gRaphaël 是一个基于Raphaël实现的开源图表制作Library。它既可以生成静态图表，也可以生成具有交互功能的图表。图表类型包括：饼图，柱状图，线状图和点状图。图表采用VML创建支持大部分浏览器如：Firefox3.0+、Safari3.0+、Opera9.5+和Internet Explorer6.0。

主页: 

下载: 

示例: