Reprint: http://www.cnblogs.com/chu888chu888/archive/2012/12/22/2828962.html
Leonel Hilario
Translation: Terry li-gbin1.com
English: 5 Top jQuery Chart Libraries for Interactive Charts
The need for a simple and fast development diagram now requires a relatively simple way to develop interactive charts. jquery and other JS class libraries make it easier to access the rendering of data in (X) HTML.
In this article, we will introduce 5 kinds of chart libraries to meet the needs of simple and complex chart presentation at different levels. Most are free or free for personal class libraries.
Graphup jQuery plugin-15 USD
Graphup is a very lightweight and flexible jquery (v1.4+) plugin used to beautify your data sheets. It can use color, histogram and its fullness to effectively show your data.
- supports a wide range of options -select Data Cleaner and a paint tool: Fill, column, gas fill, configure the decimal point (support period or comma), customize the Color table and its CSS class;
- Lightweight-The entire plugin is only 4KB
- Expandable-You can easily create your own cleaner and paint tools or color tables. Also, have a callback to perform any action on the cell before coloring. Very flexible, unlimited possibilities! We can see the demo .
- Enhancements-your original table can still be viewed without javascript on the fly
- Documentation is full-live examples and documentation.
Compatibility: Chrome 5, Firefox 2, Firefox 3, IE7, IE8, Opera, Safari
1. JQuery Visualize Plugin
If you want to display the contents of a table graphically, then this plugin will be the best display tool. He offers different types of icons such as histograms, pie charts, area charts, line charts
Demo instance
Supported charts: histogram, pie chart, area chart, line chart
System requirements: JQuery, Exanvas (included)
Browser support: ie6,7,8, Firefox 2, Firefox 3.5, Safari 3, 4, Opera 9.
HTML5 Canvas is not supported in IE but Google maintains a class library that translates canvas into VML, allowing it to run in any version of IE
Demo Address:http://www.filamentgroup.com/examples/charting_v2/index_2.php
License Type:MIT and GPL licenses
2. Highcharts
Highcharts is a great jquery plugin, and it's easy to say that Highcharts is compatible with most browsers, even the iphone. Supports many types of charts. and is a dynamic plug-in, you can easily add, delete, modify the number of columns, axes or points after creating the chart, and can load the file data from the outside, while supporting the cue bar, so you can easily view the details of the chart. Finally, zooming and flipping are supported.
Demo instance
Supported Charts: Bar chart, pie chart, area chart, line chart, spline, cylinder, scatter chart, areaspline
System requirements: JQuery or MooTools
Browser support: ie6,7,8, Firefox 2, Firefox 3.5, Safari 3, 4, Opera 9, iphone!
Demo Address:http://www.highcharts.com/demo/
Authorization type: Creative Commons attribution non-commercial 3.0 License. Schools, non-profit organizations and their individuals are free to use. Commercial website one site $80
3. Flot
Flot's author calls it "the jquery version of an attractive JavaScript plot", which is very simple and practical, and it's easy to create all the options on the chart that are optional. Main features include: Switch series, zoom, data point interaction, and a simple cue box
Demo instance
Supported Charts: Bar chart, pie chart, point chart, line chart
System Requirements: JQuery
Browser support: ie6,7,8, Firefox 2, Firefox 3.5, Safari 3, 4, Opera 9, Konqueror 4+
Demo address :http://people.iola.dk/olau/flot/examples/
License Type:MIT and GPL licenses
4. JQuery Sparklines
Sparklines is able to generate very small inline charts in HTML or Javasript, and has a particular advantage in displaying mini charts. Because it uses only 1 rows to complete the icon generation. Another very good feature is self-refresh. You can see its mouse move to capture the online demo.
Demo instance
Supported Charts: Bar chart, pie chart, line chart, Tristate, Bullet, Box plot
System Requirements: JQuery
Browser support: ie6,7,8, Firefox 2, Firefox 3.5, Safari 3, 4, Opera 9, Google Chrome
Demo address : http://omnipotent.net/jquery.sparkline/
License Type:MIT and GPL licenses
5. Jqplot
I didn't get into my field of vision at first, but after a thorough study it was really one of the best jquery charts free plugins. A number of options are available to you, and you can even set shadows and drag-and-drop operations. Trend lines can even be calculated automatically. Personally feel can even compare with highcharts.
Demo instance
Supported Charts: Bar chart, pie chart, line chart
System Requirements: JQuery
Browser support: ie6,7,8, Firefox 2, Firefox 3.5, Safari 3, 4, Opera 9, Google Chrome
Demo address : http://www.jqplot.com/tests/
License Type:MIT and GPL version2 licenses
Article source: 5 top jquery Chart Class library plug-in-charting plugin
5 top jquery Chart class library plugins-charting plugin