`
daigong
  • 浏览: 116740 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

【引用】推荐5个漂亮的jquery主流图表插件

阅读更多
转 http://blog.163.com/liuli772487475@126/blog/static/166745256201011319339774/


和大家分享这篇日志,我的看法是:


原文地址:推荐5个漂亮的jquery主流图表插件    原文作者:glen

5个jQuery图表(生成)插件评测

大多数的图表插件都是免费用于个人,而商业则收费。不过在中国我们用外国的东西,外国人知道个鸟,但不推荐大家使劲用就行!

1. jQuery Visualize Plugin

jQuery Visualize Plugin 是一个非常有用的图表插件,几乎可以将表格数据支持转换成所有图表样式!

例子





支持图表样式: 柱状, 面积, 饼状 & 线型.

环境: jQuery, excanvas (included)

浏览器兼容: IE6*, IE7*, IE8*, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9.

* 目前最烂浏览器还不支持HTML5,不过还能支持在ie中运行。

演示网址: http://www.filamentgroup.com/demo/charting_v2/index_2.php

使用条款: MIT and GPL 使用条款,商业付费

2. Highcharts

Highcharts不仅支持点型,柱状,面积形状等等各种图表样式,还有非常强大的交互能力。它是一个实时的图表工具,你可以实时修改、添加、删除数据。在点型图表方面,Highcharts是强项。

例子1



例子2:支持行标



支持图表样式: 柱状, 面积, 面积sp线型 , 饼状, 线型, Sp线型, 行标.

环境: jQuery or MooTools

浏览器兼容: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9 and iPhone!

演示网址: http://www.highcharts.com/demo/

使用条款: 个人免费,商业 $80.

3. Flot

Flot 大家可能比较熟悉,生成的图表样式也比较好看。它还支持鼠标提示,缩放等功能。

例子





支持图表样式: 柱状, 面积, 点型 & 线型.

环境: jQuery

浏览器兼容: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9 and Konqueror 4+.

演示网址: http://people.iola.dk/olau/flot/demo/

使用条款: MIT 使用条款,免费

4. jQuery Sparklines

Sparklines是用来生成比较小的图片,但是可能是支持类型最多的插件了,点线面柱无所不能。

例子



支持图表样式: 柱状, 面 ,点& 线型等等

环境: jQuery

浏览器兼容: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9 and Google Chrome.

演示网址: http://omnipotent.net/jquery.sparkline/

使用条款: New BSD 使用条款,免费

5. jqPlot

jqPlot看起来非常的朴素,但是它可是在最好的免费图表生成jQuery生成插件之一。

例子











支持图表样式: 柱状, 饼状 & 线型.

环境: jQuery

浏览器兼容: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9 and Google Chrome.

演示网址: http://www.jqplot.com/tests/

使用条款: MIT and GPL version 2 使用条款,免费

转自:http://blog.luluui.info/5-top-jquery-chart-libraries/
分享到:
评论

相关推荐

    jquery写的走势图

    jQuery-Visualize是一款强大的图表插件,能够生成包括K线图在内的多种图表。在提供的压缩包文件"jQuery-Visualize-fa7fb07"中,包含了插件的核心代码和示例,开发者可以快速上手并自定义自己的K线走势图。 四、使用...

    jQuery Chart图表制作组件Highcharts用法详解

    在页面加载完成后,使用 jQuery 或纯 JavaScript 初始化一个 Highcharts 图表: ```javascript $(document).ready(function(){ var chart = new Highcharts.Chart({...}); }); ``` 其中 `{...}` 就是一个包含图表...

    jQuery1.8.3类库文件

    7. **插件系统**:jQuery拥有庞大的插件生态系统,如jQuery UI提供各种界面组件,jQuery Validate用于表单验证,以及许多用于图表、轮播、弹框等功能的插件。jQuery1.8.3版本支持这些插件的使用。 8. **版本兼容性*...

    JQuery-Tooltip-Plugin

    《jQuery Tooltip 插件详解与应用实践》 在Web开发中,Tooltip是一种常见的交互元素,它可以在鼠标悬停在特定元素上时显示额外的信息。jQuery作为一款强大的JavaScript库,提供了丰富的插件来增强这种功能,其中之...

    jquery.jqplot.0.9.7r629.zip

    5. **跨浏览器兼容**:由于基于jQuery,jqPlot在主流浏览器中表现良好,包括Chrome、Firefox、Safari、IE等。 6. **易于集成**:jqPlot可以与现有的jQuery应用无缝结合,只需引入相应的JS和CSS文件,通过简单的...

    jQuery数字滚动增加插件特效代码

    1. **兼容性**: 确保所使用的jQuery版本与插件兼容,并且测试插件在主流浏览器中的表现。 2. **性能优化**: 对大量或频繁滚动的数字,考虑性能优化,避免过度占用CPU资源。 3. **用户体验**: 数字滚动应有适当的缓动...

    jquery-easyui-1.3.5.rar

    jQuery EasyUI 是一个基于 jQuery 的轻量级的前端开发框架,它提供了一系列的组件和插件,可以帮助开发者快速构建用户友好的Web应用界面。在1.3.5版本中,这个框架继续展现了其强大的功能和灵活性,使得前端开发变得...

    条形统计图

    这个元素的ID将在JavaScript中被引用以初始化插件。 3. **数据绑定**:为了展示数据,你需要将数据以JSON格式或其他方式存储,然后在JavaScript中将其绑定到条形图插件。数据应包括类别名称和对应的值。 4. **插件...

    jsplumb学习文档

    jsPlumb对IE6及以上的浏览器和主流现代浏览器都有较好的支持,但存在一些已知问题,如IE9中jQuery 1.6.x和1.7.x的SVG相关实现导致的鼠标停留事件响应问题,Safari 5.1上的SVG透明区域鼠标事件传递问题,以及Firefox ...

    SmartAdmin v1.5.2 HTML版

    5. **插件集成**:SmartAdmin集成了许多实用的JavaScript插件,如jQuery、Bootstrap、Font Awesome等,还有日期选择器、富文本编辑器、文件上传工具等,简化了开发流程。 6. **代码结构清晰**:其代码组织有序,...

    jsplumb_2.11.2.zip

    这个库使得开发者能够轻松地在Web页面上创建动态、交互式的连接,适用于构建各种图表、流程图以及网络拓扑结构。版本2.11.2的jsPlumb进一步提升了性能和兼容性,提供了丰富的功能和优化。 ### 一、主要特性 1. **...

    BootstrapAdmin后台html模板下载.zip

    4. **JavaScript插件**:Bootstrap框架本身集成了jQuery库,同时提供了许多JavaScript插件,如模态框、下拉菜单、轮播图、表单验证等。在BootstrapAdmin模板中,这些插件已经预先配置好,可以直接在后台界面中使用,...

    Java开源的下一代社区平台Symphony.zip

    Sym 提供了 API 进行帖子、回帖的同步(B3log 构思),目前 Solo、Typecho、Z-BlogPHP、WordPress 均已经提供插件来进行内容同步,欢迎大家进行接入! 以后也会陆续加入新的接口,方便大家制作 APP 客户端或是一些...

Global site tag (gtag.js) - Google Analytics