兩款基於Jquery的圖表外掛程式

標籤：

一、EasyPieChart

頁面載入時，運行initPieChart()函數，調用easyPieChart()函數，顯示出圖表。

代碼：

　　　　　　　　 var initPieChart = 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                });

運行效果：根據不同的百分比，顯示不同顏色的圖表。

Demo：http://pan.baidu.com/s/1m4146

二、jQuery-Visualize

主要基於以下代碼，不同的代碼顯示的效果也不同，可根據需要顯示折線圖、餅圖、表格等，還可以顯示總計（Total）。

$(‘table‘).visualize()

Demo：http://pan.baidu.com/s/1xZM26

兩款基於Jquery的圖表外掛程式