First, Easypiechart
When the page loads, run the Initpiechart () function and call the Easypiechart () function to display the chart.
Code:
varInitpiechart =function() { $('. Percentage '). Easypiechart ({animate:1000 }); $('. Percentage-light '). Easypiechart ({barcolor:function(percent) {percent/= 100;return"RGB (" + Math.Round (255 * (1-percent)) + "," + math.round (255 * percent) + ", 0)"; }, Trackcolor:' #666 ', Scalecolor:false, LineCap:' Butt ', LineWidth:15, animate:1000 });
Run Effect: Displays a chart of the different colors depending on the percentage.
demo:http://pan.baidu.com/s/1m4146
Second, jquery-visualize
Based on the following code, the different codes show different effects, and you can display line charts, pie charts, tables, and so on as needed, as well as totals (total).
$ (' table '). Visualize ()
Demo:http://pan.baidu.com/s/1xZM26
Two jquery-based chart plugins