5 top jQuery chart class library plug-ins [jquery plug-in library] _ basic knowledge

This article mainly introduces the five top jQuery chart class library plug-ins [jquery plug-in library]. For more information, see GraphUp jQuery plugin-$15.

Graphup is a lightweight and flexible jQuery (v1.4 +) Plug-in used to beautify your data tables. It can effectively present your data with colors, histograms, and their fullness.

Supports many options-Select a data cleaning tool and a paint tool: Fill, columnar, full-air diagram; configure the decimal point (periods or commas are supported); customize the color table and its CSS class; more Other lightweight-the entire plug-in is only 4 kb Scalable-you can easily create your own cleaning tool and paint tool or color table. Besides, you have a callback to perform any operations on cells before coloring. Very flexible and unlimited! You can see the demo function enhancements-your original table can still be viewed instantly without javascript documentation-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 content in a table in a graphical way, this plug-in will be the best display tool. It provides different types of icons, such as bar charts, pie charts, area charts, and line charts.

Demo instance

Supported charts: bar chart, pie chart, area chart, and line chart

System Requirements: jQuery and exanvas (included)

Browser support: IE6, 3.5, Firefox 2, firefox, Safari 3, 4, Opera 9.
HTML5 canvas is not supported in IE, but Google maintains a class library to translate Canvas into VML. This allows you to run it in any version of IE.

Authorization type:MIT and GPL licenses

2. Highcharts

Highcharts is a great jQuery plug-in. In short, highcharts is compatible with most browsers, even iphone. Supports many types of charts. It is also a dynamic plug-in that allows you to easily add, delete, and modify columns, axes, or points after creating a chart. You can also load file data from the outside and support prompt lines, in this way, you can easily view the details in the chart. It also supports scaling and flip.

Demo instance

Supported charts: bar chart, pie chart, Area Chart, line chart, spline chart, cylindrical chart, scatter chart, Areaspline

System Requirements: jQuery or MooTools

Browser support: IE6, 3.5, Firefox 2, firefox, Safari 3, 4, Opera 9, IPhone!

Authorization type: Creative Commons Attribution Non-Commercial cial 3.0 License. Schools, Non-profit organizations and individuals are free to use. $80 for a commercial website

3. Flot

Flot's author called it "jQuery's attractive javascript map", which is very simple and practical, and it is easy to create charts. All the options are optional. Main functions include: Switch series, scaling, data point interaction, and simple prompt box

Demo instance

Supported charts: bar chart, pie chart, point chart, and line chart

System Requirement: jQuery

Browser support: IE6, 3.5, Firefox 2, firefox, Safari 3, 4, Opera 9, Konqueror 4 +

Authorization type:MIT and GPL licenses

4. jQuery Sparklines

Sparklines is able to generate small line charts in HTML or Javasript, which is especially advantageous for displaying mini charts. Because it only uses one line to generate the icon. Another feature is self-Refresh. You can see its online demonstration with the mouse moving.

Demo instance

Supported charts: bar chart, pie chart, line chart, Tristate, Bullet, Box Plot

System Requirement: jQuery

Browser support: IE6, 3.5, Firefox 2, firefox, Safari 3, 4, Opera 9, Google Chrome

Authorization type:MIT and GPL licenses

5. jqPlot

I didn't go into my field of view at first, but after in-depth research, it is indeed one of the best jQuery chart free plug-ins. A large number of options are provided for you. You can even set shadows and drag operations. You can even automatically calculate the trend line. I personally think it can even be comparable to highcharts.

Demo instance

Supported charts: bar chart, pie chart, and line chart

System Requirement: jQuery

Browser support: IE6, 3.5, Firefox 2, firefox, Safari 3, 4, Opera 9, Google Chrome

Authorization type:MIT and GPL version2 licenses