许多数据图表/曲线图控件
1
7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 Flot
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
328008d0-3902-4ec1-a5aa-51efd8e70e65.jpg?resizeSmall&width=819

Flot

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819jQuery

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 jQchart
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
基于Canvas+jQuery,可拖放/交互的简单图形控件。
d27d727b-4658-47f3-94ce-d63940dbd3fc.jpg?resizeSmall&width=819

jQchart

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819jQuery

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 Open Flash Chart
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
Open Flash Chart是一个开源的Flash制图组件。
a2c3c1fa-a031-48ea-98d5-98789c8d7981.jpg?resizeSmall&width=819

Open Flash Chart

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 Plotkit
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
PlotKit是一个纯javascript绘图工具包。它支持HTML Canvas和Adobe SVG。
069676ea-9802-45a2-a02c-211eb2bcc2fc.jpg?resizeSmall&width=819

Plotkit

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819Canvas

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 XML SWF Charts
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
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
    2e84310d-9da6-4710-8c28-1186edbae18e.jpg?resizeSmall&width=819

    XML SWF Charts

    a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819


7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 jquery.sparkline
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
这是一个用于生成迷你型线状图的jQuery插件。
14b57b6b-0b7c-4c77-948a-f1ae37e9f78b.jpg?resizeSmall&width=819

jquery.sparkline

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819jQuery

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 Flotr
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
Flotr是一个基于Prototype开发的javascript绘图工具。支持图例,鼠标跟踪,图片区域选择,图片缩放,添加事件钩子(event hook),通过CSS设置样式等。
d7430d11-c1ef-4431-990d-1c0e4bbf9242.jpg?resizeSmall&width=819

Flotr

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819Prototype

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 Open Flash Chart2
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
Open Flash Chart2是依据Open Flash Chart1.x完全重新构建的一个Flash图表绘制组件。与1.x版本最大不同之处在于把数据格式改成JSON,以实现一些更酷的功能。该版本全部采用Actionscript3开发,Adobe Flex编译。
fb1cf308-d33e-4681-8070-7eb869a37100.jpg?resizeSmall&width=819

Open Flash Chart2

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819Php

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 ProtoChart
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
ProtoChart是一个采用Prototype和Canvas开发的图表制作开源javascript工具包。当前支持的图表类型包括:
  • Line、bar、pie、curve、mix和area charts

  • 在同一张图中支持多个数据数据序列

  • 支持Legend标签

  • 能够自定义网格,网格边线,背景

  • 自定义座标轴标题(包括x轴与y轴)
    69fb12f1-0b8a-4b67-b75f-323e2d143d8e.png?resizeSmall&width=819

    ProtoChart

    a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819Prototype


7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 Visifire
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
Visifire是一组开源的Microsoft Silverlight图表制作组件。 Visifire让你利用ASP、ASP.Net、PHP、JSP、ColdFusion、Ruby on Rails或是只有HTML都能快速制作出“惊人”的图表(Charts)。不需要懂得任何Silverlight知识,只要具备基础的HTML知识,就能够使用该强大的Silverlight图表制作组件。
cd82f770-4789-4621-997c-fbf052aee519.jpg?resizeSmall&width=819

Visifire

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 CSS for Bar Graphs
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
用XHTML+CSS实现各种柱状图(Bar Graph)的示例。
a4b4d17b-9a23-4d40-8c76-e39562da8b0c.jpg?resizeSmall&width=819

CSS for Bar Graphs

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 FusionCharts Free
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819

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
    95b56a9d-65e9-478e-8d00-c4fa321aa339.jpg?resizeSmall&width=819

    FusionCharts Free

    a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819


7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 JS Charts
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
JS Charts是一个JavaScript制图组件。支持的图表类型包括:柱状图,圆饼图,曲线图等。JS Charts支持的数据源可以是XML或JavaScript数组。
a8a6036a-5b08-4f11-aad9-07e122e5066f.jpg?resizeSmall&width=819 f73a5469-8e41-41eb-b7d1-a9ec4264c5d8.jpg?resizeSmall&width=819 9e2c02d2-c66f-4cf6-b330-8088440e3a24.jpg?resizeSmall&width=819

JS Charts

a5e0661a-3da4-471a-b0d6-1a14db1a2c78.jpg?resizeSmall&width=819

7aa0f067-1c47-4500-8d90-ab00f39ce7d8.gif?resizeSmall&width=819 MooCSSCharts
cbf54f6d-5742-442a-ac3d-83af347876a2.gif?resizeSmall&width=819
基于Mootools+CSS实现,拥有动画效果的柱状图(BarCharts)。
0714706d-56a7-4f66-83ad-2a5884af329e.jpg?resizeSmall&width=819

MooCSSCharts