[转]一些实用的图表Chart制作工具

• Line
• Column
• Stacked column
• Floating column
• 3D column
• Stacked 3D column
• Parallel 3D column
• Pie
• 3D Pie
• Bar
• Stacked bar
• Floating bar
• Area
• Stacked area
• Candlestick
• Scatter
• Polar
• Mixed
• Composite
• Joined
• 

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

FusionCharts Free

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

 

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

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

 

 

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

 

 

Highcharts JS是一个纯JavaScript制图Library，支持的图表类型包括：line、spline、area、areaspline、column、bar、pie和scatter。当鼠标移到图表上时会利用一个tooltip展示每一点或区域上相关的文本信息。可以放大图表，查看某部分更详细的数据。Highcharts支持大部分浏览器包括iPhone和IE6。

 

 

mooBarGraph是一个用于制作Ajax图表的MooTools插件，支持两种类型的图表：简单柱状图和叠加柱状图。这个插件利用 JSON数据创建图表，并兼容大部分浏览器包括IE6。它提供的功能包括：可以设置柱体标签、颜色、链接URL和ToolTip信息。数据可以利用Ajax进行加载。

 

jqBarGraph

jqBarGraph是一个易于使用的jQuery插件，用于以柱状图的方式展示你的数据。经测试jqBarGraph支持的浏览器包括： Safari2+、Internet Explorer6+、Firefox2+、Google Chrome3+、Opera9+。jqBarGraph支持动态增长柱状图。

 

Grafico

Grafico是一个基于Raphaël与Prototype.js实现的JavaScript Charting Library。支持在鼠标移过图表时显示一些额外信息比如当前值，可以使用图片作为水印背景，添加平均线等。支持的图表类型包括：

• Line graphs
• Area graphs
• Stacked area graphs
• Stream graphs
• Bar graphs
• Horizontal bar graphs
• Sparklines
• Sparkbars
• Sparkareas

 

 

 

Simile  Widgets

Simile Widgets是一组开源的Web控件用于内容或数据的图形可视化查看。包括： 

Timeline

Timeplot

 

Runway

 

 

RGraph是一个使用HTML5 Canvas标签实现的图表制作Library。利用该Library生成的Chart具有可交互性，当鼠标点击或移过时会显示相应的信息，可以动态加载Chart或对特殊点进行缩放。当前支持的图表类型包括：

• bar、pie、donut、gantt、radar、funnel、bi-polar charts
• line and scatter graphs
• LED display
• meter
• odometer
• progress bar

 

 

dhtmlxGantt

dhtmlxGantt是一个JavaScript组件能够创建动态的甘特图和以便利的图形化方式查看项目计划。利用dhtmlxGantt可以展示各个活动之间的依赖关系，显示当前计划的状态（以完成百分比阴影的方式显示），将活动归到树形结构中。该组件兼容大部分浏览器包括：IE、Mozilla、Opera、Chrome。

 

BirdEy

 

e

BirdEye是一个开源的Adobe Flex图表制作组件。用于创建多维数据分析可视化界面。

 

gvChart

gvChart是一个利用Google Chart Tools来创建交互式图表（Charts）的jQuery插件。可创建的图表类型有Area、Line、Bar、Column和Pie五种。它使用HTML Tables做数据源来创建图表。

 

 

canvasXpress

canvasXpress是基于HTML5的标签实现的一个JavaScript制图工具包。支持多种图表制作包括：柱状图、线状图、点状图、Area、Stacked、热点图、饼状图等。生成的图表具有可交互性，鼠标放上去可显示图表中的值。此外还可以设置图表颜色、文本和显示/隐藏元素等。

 

 

Protovis

Protovis是一个可以让你利用简单的标记如线条和圆点+数据来绘制自定义图表JavaScript Lib。

 

 

Table2Chart

Table2Chart是一个轻量级的Mootools插件，压缩和gzip压缩文件只有1kb。允许你轻松地把一个数据表的数据生成一个饼图。

Table2Chart

 

 

dhtmlxChart

dhtmlxChart是一个纯JavaScript实现的图表生成组件，支持大部分常见的图表类型包括：line、spline、area、bar和pie charts。图表可以动态更改而不用刷新页面。此外该组件还支持为图表添加其它元素如Tooltips、刻度、标签等。dhtmlxChart可以从各种不同的数据源（XML、JSON、JS array、CSV）加载数据生成图表。

 

 

Finger  Chart 

 

Finger Chart （以下简称Finger）是一个轻量级的基于Flash技术开发的图表解决方案(未来考虑扩展到HTML5平台)，由RIAMeeting社区推出，并基于LGPL协议开源。图表包括常见图表类型，包含线图，柱图，条图，饼图，区域图，散点图，气泡图等； Finger的应用目标是：Web应用和移动应用，因此也可以看出图表命名的初衷，即保持轻量级和较小的资源占用，以在有限的硬件资源下获得平稳流畅的运行。

 

Finger Chart

 

 

AwesomeChartJS