1.  JS Charts

Features

  • Prepare your chart data in XML, JSON or JavaScript Array
  • Create charts in different templates like bar charts, pie charts or simple line graphs
  • You don't need any server-side plugins/modules
  • It's compatible with most web browsers
  • 3D pies and 3D bars are available in the latest version

2. Flot

Features

  • Pure JavaScript plotting library for jQuery
  • Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+

3.  Rickshaw

Features

  • Based on d3.js. Graphs are drawn using svg and styled using css.
  • Licensed under MIT License

4.  Highcharts

Features

  • It supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.
  • Under any of the licenses, free or not, you are allowed to download the source code and make your own edits.
  • Highcharts needs only two JS files to run: The highcharts.js core and either the jQuery, MooTools or Prototype framework.
  • With the exporting module enabled, your users can export the chart to PNG, JPG, PDF or SVG format at the click of a button.
  • All text labels, including axis labels, data labels for the point and axis titles, can be rotated in any angle.
  • On hovering the chart Highcharts can display a tooltip text with information on each point and series.
  • It works in all modern browsers including the iPhone/iPad and Internet Explorer from version 6.

5.  Google Charts

Features

  • Rich gallery of interactive charts and data tools.
  • Connect to your data in real time using a variety of data connection tools and protocols.
  • Configure an extensive set of options to perfectly match the look and feel of your website.
  • Browser compatibility (adopting VML for older IE versions) and cross-platform portability to iOS and new Android releases.

6.  jChartFX

Features

  • jChartfx runs in your browser using pure JavaScript.
  • It provides the most comprehensive API, making it easy to customize every aspect of the charts, from axis to data series settings.
  • jChartFX leverages HTML5, CSS and SVG capabilities in today’s browsers.
  • It supports JSON so you can populate charts with your data by simply using web services to retrieve server side data from any source.

7.  TufteGraph

Features

  • Configuration is by dynamic functions, allowing for a really compact API (very few options)
  • Non-core layout is done via CSS rather than code

8.  jqPlot

Features

  • Numerous chart style option
  • Date axes with customizable formatting.
  • Up to 9 Y axes.
  • Rotated axis text.
  • Automatic trend line computation.
  • Tooltips and data point highlighting.

9.  Spider Graph

Features

  • Interactive HTML5 spider graph module
  • The yellow and orange layers display fixed data. The blue layer is active, allowing the user to input data with a mouse or touch device.

10.  jQuery Sparklines

Features

  • It generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.
  • It's compatible with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android.

11.  gRaphael

Features

  • Currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+
  • Licensed under MIT License

12.  amCharts

Features

  • The charting solution include Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts as well as Gauges.
  • It's an independent library, which doesn’t require any 3rd party includes.

13.  Chart.js

Features

  • It uses the HTML5 canvas element.
  • It's dependency free, lightweight (4.5k when minified and gzipped) and offers loads of customisation options.
  • It supports all modern browsers, and polyfills provide support for IE7/8.

14.  Morris.js

Features

  • Line, area, bar and Donut charts are supported
  • Licensed under BSD License

15.  RGraph

Features

  • HTML5 canvas and JavaScript based library
  • AJAX and JSON Support
  • The drawing API allows you to add interactive elements to your charts such as rectangles, circles, polygons, images and extra axes.
  • Open and free to use for any purpose under the MIT license.

16.  DHTML Charts

Features

  • Supports line, spline, area, bar, pie, donut, scatter, and radar charts
  • JavaScript charting library for generating cross-browser HTML5 charts
  • The charts can be loaded from XML, JSON, JavaScript array, or CSV and updated on the fly (by using Ajax) to show changing graphical data.
  • Works in all major web browsers: IE, FF, Safari, Opera, Chrome, or any other browsers based on Mozilla or the Webkit engine.
  • It's available in the Standard Edition only, and can be used for free under GNU GPL v2.

17.  jqBarGraph

Features

  • Easy-to-use jQuery plugin for displaying your data as bar graphs.
  • Compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

18.  JpGraph

Features

  • An Object-Oriented Graph creating library for PHP
  • Has over 200+ built in Country flags
  • Support for alpha blending
  • Advanced interpolation with cubic splines to get smooth curves from just a few data points
  • Supports several plot types,spider-plots, pie-charts (both 2d and 3d) , scatter-plots, line-plots, filled line-plots, accumulated line-plots, bar plots, accumulated bar plots, grouped bar plots, error plots, line error plots, box plots, stock plots.
  • Supports internal caching (with timeout) of generated graphs to lessen burden of a HTTP server.

19.  Elycharts

Features

  • It can draw all frequently used chart types: line charts with spline support, combined line, pie charts, sparklines, bar charts, area and areaspline charts.
  • Highly customizable with a simple configuration
  • Support dynamic data modification, with graceful animations to show the chart evolution.
  • Compatibility: Firefox 3.0+, Safari 3.0+, Opera 9.5+, Internet Explorer 6.0+, Google Chrome/Chromium.
  • It's based on a MIT license

20.  jQuery Org Chart

Features

  • Very easy to use given a nested unordered list element.
  • Drag-and-drop reorganisation of elements.
  • Showing/hiding a particular branch of the tree by clicking on the respective node.
  • Nodes can contain any amount of HTML except <li> and <ul>.

21.  Sigma

Features

  • An open-source lightweight JavaScript library to draw graphs, using the HTML canvas element.
  • Simple and accessible public API
  • Fluid drawing process management, with frames insertion
  • jQuery-like chainable methods

22.  Protovis

Features

  • Defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.
  • It uses JavaScript and SVG for web-native visualizations; no plugin required.
  • It's free and open-source, provided under the BSD License.

23.  Animated Pie Chart

Features

  • Created using HTML5 canvas element, CSS3 and jQuery
  • 10+ available options to customize the chart

24.  DyGraphs

Features

  • Handles huge data sets: dygraphs plots millions of points without getting bogged down.
  • Interactive out of the box: zoom, pan and mouseover are on by default.
  • Strong support for error bars / confidence intervals.
  • Highly customizable: using options and custom callbacks, you can make dygraphs do almost anything.
  • It works in all major browsers (including IE8). You can even pinch to zoom on mobile/tablet devices.

25.  TimePlot

Features

  • DHTML-based AJAXy widget for plotting time series
  • Licensed under BSD License

摘要地址:http://www.open-open.com/lib/view/open1392251715410.html

25个免费的jQuery/ JavaScript的图表和图形库的更多相关文章

  1. [转]Tetris(俄罗斯方块) in jQuery/JavaScript!

    本文转自:http://pwwang.com/2009/10/25/tetris-in-jquery-javascript/ All in jQuery/JavaScript + HTML! Demo ...

  2. 25款顶级的jQuery表格插件

    jQuery 表格插件可以让你创建各种各样的表格布局,表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery 的表格插件,你可以任意控制表格的行和列,用 ...

  3. Visual Studio 2012设置Jquery/Javascript智能提示

    Visual Studio 2012设置Jquery/Javascript智能提示 在Visual Studio 2008 Visual Studio 2010中微软已经开始支持jquery/java ...

  4. FusionCharts使用JavaScript渲染图表(不用Flash)

    FusionCharts可以让用户只使用JavaScript建立图表(而不是使用Flash),只需要添加另一行代码,如下所示: FusionCharts.setCurrentRenderer('jav ...

  5. jQuery JavaScript Library v3.2.1

    /*! * jQuery JavaScript Library v3.2.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzle ...

  6. [JS]jQuery,javascript获得网页的高度和宽度

    [JS]jQuery,javascript获得网页的高度和宽度网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeigh ...

  7. 【转】2014年25款最好的jQuery插件

    2014年25款最好的jQuery插件 来源:Specs' Blog-就爱PHP   时间:2014-12-30 10:24:10   阅读数:2267 分享到: 0 http://www.php10 ...

  8. 10 个免费的 jQuery 可视化编辑器插件

    富文本编辑器,也就是所见即所得的 HTML 编辑器,是网站一个非常重要的组件,特别是对于一些内容发布网站来说.本文介绍 10 个基于 jQuery 的可视化文本编辑器. MarkitUp markIt ...

  9. 免费素材:25套免费的 Web UI 设计的界面元素(转)

    Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. ...

随机推荐

  1. @Transient的应用

    我今天分配的任务是为一个页面Debug,遇到了一个问题查询的实体类在数据库没有对应的表,这时最常用的是建立视图或者表,但是应用@Transient注释可以让你更简单,免除建立表还有视图需要找多表关联关 ...

  2. 代码实现集合嵌套之ArrayList嵌套ArrayList

    package com.loaderman.list; import java.util.ArrayList; import com.loaderman.bean.Person; public cla ...

  3. Java界面程序实现图片的放大缩小

    Java界面程序实现图片的放大缩小.这个程序简单地实现了图片的打开.保存.放大一倍.缩小一倍和固定缩放尺寸,但是并没有过多的涵盖对图片的细节处理,只是简单地实现了图片大小的放缩. 思维导图如下: 效果 ...

  4. linux之磁盘管理,网络,计时任务

    磁盘管理 查看磁盘空间的占用 df # 磁盘占有率 -h # 以人类易读的方式展示 Linux下磁盘命名格式:/dev/sda 查看目录的占用空间 /dev/sd[a-z]num总大小 linux下磁 ...

  5. sh脚本实战

    做了什么东西还是要尽快移动到博客上,不然回头看自己写的东西已经看不懂了... 凭着回忆+搜资料,把当初写sh脚本的过程写上来. 首先新建一个.sh文件,用vim就可以 在sh的第一行,写上 #!/bi ...

  6. Datafactory 实际使用案例

    Datafactory 实际使用案例 一.       简介 QuestDataFactory 是一种快速的.易于产生测试数据工具,它能建模复杂数据关系,且有带有GUI界面.DataFactory是一 ...

  7. HTTPS SSL TLS 相关理解

    1,在理解 HTTPS SSL TLS 之前先对常用的加密方式进行一个简述: (1),对称加密: 采用一个密钥,对明文进行加密生成密文,相反采用此密钥可对加密后的密文进行解密还原成明文. 代表算法有, ...

  8. Leetcode之动态规划(DP)专题-877. 石子游戏(Stone Game)

    Leetcode之动态规划(DP)专题-877. 石子游戏(Stone Game) 亚历克斯和李用几堆石子在做游戏.偶数堆石子排成一行,每堆都有正整数颗石子 piles[i] . 游戏以谁手中的石子最 ...

  9. 致远OA利用POC

    批量检测url 在脚本同目录下建立url.txt 放入待检测的URL 运行脚本 # Wednesday, 26 June 2019 # Author:nianhua # Blog:https://gi ...

  10. Java程序员的职业发展道路 附:大型网站 -- 架构技能图谱(Java版)

    职业发展道路基本有3条: 第一条路线(技术专精): 初级Java开发---中级--高级---项目主管--Java项目经理---网站架构师----资深专家 第二条路线(技术转产品):初级Java开发-- ...