ホームページ >php教程 >php手册 >一款新型HTML5效果的EASY饼图数据统计Jquery插件

一款新型HTML5效果的EASY饼图数据统计Jquery插件

WBOY
WBOYオリジナル
2016-06-07 11:39:47907ブラウズ

一款新型HTML5效果的EASY饼图数据统计Jquery插件
效果如下:
一款新型HTML5效果的EASY饼图数据统计Jquery插件        <script> <br /> var initPieChart = function() { <br /> $(&#039;.percentage&#039;).easyPieChart({ <br /> animate: 1000 <br /> }); <br /> $(&#039;.percentage-light&#039;).easyPieChart({ <br /> barColor: function(percent) { <br /> percent /= 100; <br /> return "rgb(" + Math.round(255 * (1-percent)) + ", " + <br /> Math.round(255 * percent) + ", 0)"; <br /> }, <br /> trackColor: &#039;#666&#039;, <br /> scaleColor: false, <br /> lineCap: &#039;butt&#039;, <br /> lineWidth: 15, <br /> animate: 1000 <br /> }); <br /> <br /> $(&#039;.updateEasyPieChart&#039;).on(&#039;click&#039;, function(e) { <br /> e.preventDefault(); <br /> $(&#039;.percentage, .percentage-light&#039;).each(function() { <br /> var newValue = Math.round(100*Math.random()); <br /> $(this).data(&#039;easyPieChart&#039;).update(newValue); <br /> $(&#039;span&#039;, this).text(newValue); <br /> }); <br /> }); <br /> }; <br /> </script> 附件下载地址: http://www.jb100.net/down-44-18.html

AD:真正免费,域名+虚机+企业邮箱=0元

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。