代码改变世界

光棍节奉献10款chart插件 节日快乐.

2011-11-11 09:29  随风浪迹天涯  阅读(955)  评论(3编辑  收藏  举报

首先祝各位木有女朋友或者木有男朋友的朋友节日快乐,希望明天过后能有情人终成眷属。。哈哈!~

 

因为最近的项目需要用到chart制作先关的表格,所以特此从网上找了点资料,希望对各位园子里的朋友们有许些帮助,我就很开心了。

1.flot chart【推荐指数:★★★★】

URL:http://code.google.com/p/flot/

简介:flot是一款基于JavaScript 纯净的JQuery类库,flot可以根据客户端的数据产生任意的图形。对它的使用很简单,所有的操作都是可选的。它的外观很漂亮以及具有非常好的交互能力,比如放大镜效果或者说鼠标移动效果。

2.Flotr JavaScript Plotting Library【推荐指数:★★★】

URL:http://solutoire.com/flotr/

简介:Flotr是一款基于prototype javascript框架的一个javascript类库。flotr 可以让你在当前主流的浏览器里写大量很有吸引力的图表,而且语法很简单很容易上手。比方说它有很多很吸引人的地方,比如负值的支持、鼠标跟踪、select 的支持、放大镜效果支持、事件、CSS样式等等。

3. JS chart【推荐指数:★★★★★】

URL:http://www.jscharts.com/

简介:JSchart 是我很喜欢的一个chart插件之一。我目前的项目就是用它来进行做的。

它有非常多的理由值得你去选择它:

①你基本上可以不用写什么代码 很简单的操作。

②自定义功能很强大,你完全可以根据自己的需要来进行自定义 以便符合自己的需求。

③你可以创建大部分的chart 比如 柱状图、饼状图、线条图等等

④能兼容目前主流的浏览器

。。。

4.HTML-Graphs【推荐指数:★★】

URL:http://www.gerd-tentler.de/tools/graphs/

 简介:这一款是比较建议的chart 操作(不推荐使用)。而且目前版本只发到4.3,还在2010年的时候,现在那么多的选择,放过来只当做一个很美好的纪念吧!

5.Canvas 3D Graph【推荐指数:★★★★】

RUL:http://dragan.yourtree.org/code/canvas-3d-graph/

简介:不用说都知道了吧,这款就是用做3D图形的,是不是特别的酷?

不过,事情并非是那么完美的,在IE中使用的速度比较慢,作者原话说:

Yes, i know, this works slow in IE. IE does not support <canvas> tag, so in order to show any graphics at all in IE we must use fallback library ( excanvas.js ) For best performance try it in Firefox, Opera or Safari  

意思就是说,IE 不知道<canvas>标签(其实,这应该是过去的说话,现在HTML5出来了,好像有这个属性了吧!)因为,为了在IE中显示所有的图片,使用了回调类库---excanvas.js,在firefox、opera和safari的性能很好。

呵呵,这也不能怪原作者吧?

6.fgCharting Plugin for jQuery【推荐指数:★★★★】

URL:http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/

简介:这个比较有趣,它是在HTML的table里面获取数据,动态的把当前表格传入到chart中,其中有一个非常有意思的是,它允许非浏览器访问HTML的表格。使用的时候也非常的简单只需要一行代码就可以进行初始化。如果你对它有兴趣的话,可以到它的官网看看。里面有非常丰富的资料。

7.Pie Graph【推荐指数:★★】

URL:http://www.dynamicdrive.com/dynamicindex11/piegraph.htm

简介:这是一款基于DHTML/CSS 饼状javascript插件。它的主要功能就是提供单一饼状图形,可以在很快的时间里把各个页面进行渲染出来。当然 你可以用一张透明的图片来作为背景,那样看上会更酷。

8.JavaScript Diagram Builder 【推荐指数:★★★】

URL:http://www.lutanho.net/diagram/

 简介:设置也很简单,就不介绍了。

9.MVC 中的Chart插件【推荐指数:★★★★】

参考资料:

ScottGu 的 Built-in Charting Controls (VS 2010 and .NET 4 Series)

Michael Ceranski 的 Building a Dashboard Using The Microsoft Chart Controls

Delian Tchoparinov 的 Handling chart generated images using Chart Http Handler

 

简介:在VS 2008 SP3的时候 开始出现,现在的VS2010已经很好的支持了。非常棒的工具,我很喜欢。

10.HightChart【推荐指数:★★★★★】

URL:http://www.highcharts.com/

 

1.个人完全免费(不过有水印)

2.支持现在所有的浏览器

3.超大量的样式以及形状

4.设置相当简单 而且配合大量教程

。。。

真的非常非常的棒。

 

总算,贴完了,我发现贴这样的代码好痛苦啊!~哈哈。。不过 如果对你有点帮助,我就很开心了。在次祝节日快乐!~