最新消息:

图表

未分类 admin 6868浏览 0评论
icon_1 Flot
von
Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
FlotFlottag_blue jQuery

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

icon_1 Open Flash Chart
von
Open Flash Chart是一个开源的Flash制图组件。
OpenFlashChartOpen Flash Charttag_blue

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

icon_1 XML SWF Charts
von
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

XMLSWFChartsXML SWF Charts

tag_blue

icon_1 jquery.sparkline
von
这是一个用于生成迷你型线状图的jQuery插件。
jquerysparklinejquery.sparklinetag_blue jQuery

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

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

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

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

ProtoChart

tag_blue Prototype

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

icon_1 CSS for Bar Graphs
von
用XHTML+CSS实现各种柱状图(Bar Graph)的示例。
Bar_GraphCSS for Bar Graphstag_blue

icon_1 FusionCharts Free
von

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

FusionCharts Free

tag_blue

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

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

icon_1 jQuery Google Charts
von
jQuery Google Charts是一个封装Google API charts的jQuery插件,提供了更加简易的使用方法。
jgchartsjgcharts1jQuery Google Chartstag_blue jQuery

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

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

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

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

  • Column
  • Bar
  • Line
  • Scatter
  • Pie

scatterMilkChart

tag_blue Mootools

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

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

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

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

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

icon_1 Grafico
von
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
    Grafico1
    Grafico2

Grafico

tag_blue Prototype

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

icon_1 RGraph
von
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
    rgraph-html5-charts

RGraph

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

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

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

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

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

icon_1 Table2Chart
von
Table2Chart是一个轻量级的Mootools插件,压缩和gzip压缩文件只有1kb。允许你轻松地把一个数据表的数据生成一个饼图。
generate-charts-from-tables-mootools-pluginTable2Charttag_blue Mootools

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

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

icon_1 AwesomeChartJS
von
AwesomeChartJS是一个利用HTML5<canvas>
icon_1 Peity
von1
Peity是一个jQuery插件它利用HTML5 <canvas>标签来创建微型图表(sparklines)。它支持柱状、线状和饼图,图的颜色、宽度、半径、分隔符都可以修改。当数据变化时,图形也立即重新生成。
peity-jquery-sparklinesPeitytag_blue jQuery

icon_1 Web图表绘制工具 EveryChart
von
EveryChart是一个基于JavaScript的Web绘制图表工具,它的特点:

  • 无须下载任何插件,只要支持canvas的浏览器即可使用。
  • 支持动态增加节点。
  • 体积小,速度快,使用简单。
  • 面向对象架构,方便扩展。
  • 拥有详尽的中文文档和本地技术支持。
  • 多浏览器支持:
    IE9,IE10
    firfox 3.x+
    opera
    chrome
    safari

pie bar lineWeb图表绘制工具 EveryChart

tag_blue

icon_1 Touch Charts 移动图表制作
von
Sencha Touch Charts是世上第一个基于HTML5的移动图表制作和绘图产品。Sencha Touch Charts能够帮助你以非常便的方式来制作复杂的,高度可交互性的雷达图、柱状图、线状图、堆叠图和饼图Touch Charts 移动图表制作tag_blue

icon_1 交互式Web图表创建工具 JointJS
von
JointJS是一个跨浏览器的JavaScript工具包,用于创建完全互动式图表。它基于Raphaël.js开发。这个工具包拥有一套基于插件的可扩展机制,可以轻松扩展现有功能。当前已经提供了一些可以马上使用的插件来绘制常见的图形包括:ERD、Org chart、FSA、UML、PN、DEVS、LDM等。图形中的对象可以被拖动,并能够保持创建时的层次结构,此外还在每一层级提供了一些回调函数。
joint-javascript-diagrams交互式Web图表创建工具 JointJS

icon_1 JavaScript图表绘制组件 – Elycharts
von
Elycharts是一个易于使用的,可定制的JavaScript图表绘制组件。这个组件可用于绘制大部分常用的图表类型包括:line, column, are, bar, pie, sparklines and combinations。
elycharts
Elycharts支持多种交互式功能包括:鼠标跟踪、事件处理、利用各种动画高亮显示选择中的区域,Tooltip,HTML锚点等。可以动态修改数据,并以漂亮的动画效果展示图表中的变化。图表利用SVG/VML技术生成,基于jQuery + Raphaël开发。JavaScript图表绘制组件 – Elychartstag_blue jQuery

icon_1 Peity Mini Chart
von
Peity (sounds like deity) 是一个简单的 jQuery 插件用来转换一些元素内容到简单的画布对象,如饼图、线图和柱状图Peity。特点:

  1. Pie Chart, Lie Charts, Bar Charts
  2. 支持事件
  3. 自定义图表类型
  4. 支持的浏览器:Chrome, Firefox, IE9, Opera, Safari.

Peity Mini Chart

tag_blue jQuery

icon_1 jQuery Gantt Chart
von
这是一款jQuery图表插件,可以实现甘特图。功能包括:读取JSON数据、结果分页、对每个任务用不同颜色显示、使用一个简短的描述作为提示、标注节假日等。
imgw3jQuery Gantt Charttag_blue jQuery

icon_1 Smoothie Charts
von
Smoothie Charts是一个小型图表生成脚本,专为生成实时数据图表而设计。比如可以用于生成CPU使用情况的图表。
smoothiechartsSmoothie Chartstag_blue

icon_1 JS时间线图表 Highstock
von
Highstock 可让你使用纯 JavaScript 创建股票或者通用的时间线图表。
HighstockJS时间线图表 Highstocktag_blue jQuery

转载请注明:爱开源 » 图表

您必须 登录 才能发表评论!