`

九个基于JavaScript和CSS的Web图表框架与flash报表

阅读更多

 JQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web 图表的绘制,而不必象以往那样通过复杂的 Flash 技术实现。

  本文介绍了9 个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。

  1. Flot

  

  Flot 是一个纯粹的 jQuery JavaScript 绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5 + 以及 Konqueror 4.x+。使用的是 Safari 最先引入的 Canvas 对象,目前所有主流浏览器都支持该对象,除了 IE, 因此在 IE中使用 JavaScript 进行模拟。

  2. JS Charts

  

  JS Charts 是一个免费的基于 JavaScript 的图表生成器,表格绘制非常简单,几乎不需要编码,也不需要插件和服务器模块,使用XML 或 JavaScript 数组缓存数据。

  3. TableToChart

  TableToChart 是一个 MooTools 脚本,可以将 HTML Table 对象中存储的数据绘制成图表。你可以使用 table 标签生成图表,柱状图,曲线图,圆饼图等。

  4. PlotKit

  PlotKit 是一个 JavaScript 绘图库,支持 HTML Canvas 标签,也支持 SVG。

  5. Yahoo UI Charts Control

  

  YUI Charts Control 可以在网页上将表格数据转换为图表,支持柱状图,曲线图以及圆饼图。支持 DataSource 工具,可设置的轴,鼠标盘旋提示 ,图表组合,以及皮肤等功能。

  6. ProtoChart

  

  ProtoChart 是一个基于 Prototype 和 Canvas 标签的开源库,这个库深受 Flot, Flotr, Plotkit 等启发,支持曲线图,柱状图,圆饼图等,可以在同一个图表上显示多套数据,支持可定制的图例,网格,边界以及背景图。支持 IE6/7, Firefox 2/3 以及 Safari,甚至支持 iPhone.

  7. EJSChart

  

  EJSChart 支持鼠标追踪,鼠标事件,按键追踪与事件,缩放,滚动,交互等功能,将用户体验上升到一个新高度。支持曲线图,面积图,离散图,圆饼图,柱状图等形式,拥 有完备文档的属性和方法可以帮助实现很好的定制。

  8. fgCharting

  fgCharting 是一个很出色的 jQuery 插件,支持多种图形。

  9. Pure Css Data Chart

  

  以往的数据展示往往通过 flash 实现,现在,我们可以通过纯粹的 CSS 实现类似的功能。

 

FLASH报表(fusioncharts):

     向大家推荐一个flash报表,此报表的特点是简单易用(需要技术:知道英文26个字母,ok(flash、js、css等统统不需要 。。。呵呵说的有点夸张啊)),如果显示某种报表只需要参照例子和api(非常详细,虽然是英文的)来在后再生成xml格式的字符串或者xml文件,页面上只需要用js简单调用一下就可以了。

这是永久官方链接:http://www.fusioncharts.com/

例子与api都在下载包中,自己下载,如果需要用js根据条件动态来ajax显示报表的话,则需要进行破解(网上自己搜搜),否则的话就掏钱吧!

 

 

 

 

 

 

分享到:
评论

相关推荐

    Web Chart 极品web报表控件收集Web+Chart

    PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能使用 PHP 来收集数据,并发送给flash,支持很多图表类型: Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, ...

    Chart 极品web报表控件收集(Flot,AmCharts, Emprise JavaScript Charts...)

    PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能使用 PHP 来收集数据,并发送给flash,支持很多图表类型: Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, ...

    Servlet报表+读取xml+flash

    然而,需要注意的是,随着技术的发展,Flash已经逐渐被淘汰,现代Web开发更倾向于使用HTML5、CSS3和JavaScript框架(如D3.js、Highcharts等)来实现类似的功能,因为它们具有更好的跨平台兼容性和性能。

    一套自己花钱买的Web统计报表控件(柱形图、线形图、饼形图...)

    不过,由于兼容性和性能问题,现代Web应用更倾向于使用HTML5、CSS3和JavaScript来实现类似功能。 这套Web统计报表控件很可能包含了一套完整的解决方案,从数据处理、图表生成到前端展示,开发者可以通过提供的示例...

    amcharts报表查询显示

    它支持与多种前端框架如`Ext`(Ext JS)和服务器端技术如`JSP`集成,能够方便地在Web应用中嵌入和操作图表。 `amcharts`报表的功能强大,具备以下特性: 1. **多样化图表类型**:包括折线图、柱状图、饼图、地图、...

    java开源包11

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    JSP下操作图形控件FusionCharts

    FusionCharts是一款强大的JavaScript图表库,它可以用于在Web应用中创建丰富的交互式图表。在Java Server Pages (JSP)环境中使用FusionCharts,可以为开发者提供便捷的方式来展示数据,尤其适用于数据分析、报表生成...

    FusionCharts演示Demo

    这款工具广泛应用于Web应用、报表、仪表盘等场景,通过丰富的图表类型和灵活的配置选项,使得复杂的数据变得易于理解。 在"**FusionCharts演示Demo**"中,您将找到一系列展示FusionCharts功能的例子。这些例子包括...

    java开源包9

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包1

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包2

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包3

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包6

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包5

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包10

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包4

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包8

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包7

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    java开源包101

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

    Java资源包01

    GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...

Global site tag (gtag.js) - Google Analytics