zoukankan      html  css  js  c++  java
  • 光棍节奉献10款chart插件 节日快乐.

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

    因为最近的项目需要用到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.设置相当简单 而且配合大量教程

    。。。

    真的非常非常的棒。

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

  • 相关阅读:
    SpringBoot安装和创建简单的Web应用
    Java设计模式-原型模式
    Java设计模式-单例模式
    Java设计模式-抽象工厂模式(Abstarct Factory)
    Java设计模式-工厂方法模式(Virtual Constructor/Polymorphic Factory)
    Java设计模式-简单工厂模式(Static Factory Method)
    Angular5学习笔记
    设置Nodejs NPM全局路径
    Actor模式初步入门
    Angular5学习笔记
  • 原文地址:https://www.cnblogs.com/damonlan/p/2245116.html
Copyright © 2011-2022 走看看