实用的图表绘制工具 charts

Posted on 2010-03-20 09:30  萧木柯  阅读(7880)  评论(0编辑  收藏  举报
Flot 
Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。

Flot

 jQuery  

 jQchart 

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

jQchart

 jQuery  

 Open Flash Chart 

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

Open Flash Chart

 

 Plotkit 

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

Plotkit

 Canvas  

 XML SWF Charts 

XML SWF Charts是一个简单,但强大,利用Flash和动态生成XML数据来产生web chart的工具。当前支持的Charts类型包括:
  • 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
    XMLSWFCharts

    XML SWF Charts

     

  •  jquery.sparkline 

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

    jquery.sparkline

     jQuery  

     Flotr 

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

    Flotr

     Prototype  

     Open Flash Chart2 

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

    Open Flash Chart2

     Php  

     ProtoChart 

    ProtoChart是一个采用Prototype和Canvas开发的图表制作开源javascript工具包。当前支持的图表类型包括:
  • Line、bar、pie、curve、mix和area charts
  • 在同一张图中支持多个数据数据序列
  • 支持Legend标签
  • 能够自定义网格,网格边线,背景
  • 自定义座标轴标题(包括x轴与y轴)

    ProtoChart

     Prototype  

  •  Visifire 

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

    Visifire

     

     

     CSS for Bar Graphs 

    用XHTML+CSS实现各种柱状图(Bar Graph)的示例。

    CSS for Bar Graphs

     

     FusionCharts Free 

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

  • 2D/3D column & bar charts
  • 2D/3D pie & doughnut charts
  • Line charts
  • Area charts
  • Stacked charts
  • Gantt charts

    FusionCharts Free

     

  •  JS Charts 

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

    JS Charts

     

     MooCSSCharts 

    基于Mootools+CSS实现,拥有动画效果的柱状图(BarCharts)。
    MooCSSCharts.jpg

    MooCSSCharts

     Mootools  

     jQuery Google Charts 

    jQuery Google Charts是一个封装Google API charts的jQuery插件,提供了更加简易的使用方法。
    jgcharts.jpgjgcharts1.jpg

    jQuery Google Charts

     jQuery  

     Axiis 

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

    Axiis

     

     jqPlot 

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

    jqPlot

     jQuery  

     jQuery Visualize Plugin 

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

    jQuery Visualize Plugin

     Canvas jQuery  

     MilkChart 

    MilkChart是一个易于使用、强大,基于MooTools开发的制图工具。它使用HTML5<canvas>标签。支持的图表类型包括:
  • Column
  • Bar
  • Line
  • Scatter
  • Pie
    scatter.jpg

    MilkChart

     Mootools  

  •  Raphaël 

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

    Raphaël

     Image  

     

     

    gRaphaël 

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

    gRaphaël

     

     Highcharts 

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

    Highcharts

     

     mooBarGraph 

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

    mooBarGraph

     Mootools  

     jqBarGraph 

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

    jqBarGraph

     jQuery  

     Grafico 

    Grafico是一个基于RaphaëlPrototype.js实现的JavaScript Charting Library。支持在鼠标移过图表时显示一些额外信息比如当前值,可以使用图片作为水印背景,添加平均线等。支持的图表类型包括:
  • Line graphs
  • Area graphs
  • Stacked area graphs
  • Stream graphs
  • Bar graphs
  • Horizontal bar graphs
  • Sparklines
  • Sparkbars
  • Sparkareas
    Grafico.jpg
    Grafico.jpg
    Grafico.jpg

    Grafico

     Prototype  

  •  Simile Widgets 

    Simile Widgets是一组开源的Web控件用于内容或数据的图形可视化查看。包括:
    Timeline
    simile-timeline.jpg
    Timeplot
    simile-timeplot.jpg
    Runway
    simile-runway.jpg

    Simile Widgets

     Widgets