本文實例講述了jQuery圓形統計圖開發的方法。分享給大家供大家參考。具體分析如下：

這里我們要給大家介紹一款圓形統計圖circliful，它基于HTML5的畫布和jQuery，無需使用圖像輕松實現圓形統計圖，而且有很多屬性設置，使用起來非常方便。效果圖如下：

首先我們需要將jquery庫文件和jquery.circliful.min.js引入到頁面中。

所需的Jquery文件引入后，現在我們就可以自定義圓形統計圖的基本樣式了：

樣式初步定義好之后，只需要在需要統計圖的地方，添加如下樣式代碼：

區域塊填寫完之后，我們現在需要初始化它了：

就這么簡單，只需輕松幾部就可以完成帥氣的統計圖了。

下面是插件的基本屬性說明：

Circliful提供了豐富的屬性選項設置，基于html5的data屬性，以下是設置清單。