建站资源下载详情

为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery图表制作插件peity

来源:易助科技网浏览量:6收藏

简介


peity是一个简单的jQuery插件,可以将元素内容转换为一个小的svg饼图,圆环图,条形图和折线图。  Peity使用canvas和SVG绘制这些图表,因此它非常快。该插件具有可定制化程度高,可自定义颜色,大小,间距等各种样式等特点。


JQuery图表制作插件peity-示例图



插件特定:


支持Bar、Line和Pie三种图表类型。

核心代码只有202行,轻量级易维护。

可定制化程度高,可自定义颜色,大小,间距等各种样式。


使用


1.  引入 jquery.js 和 jquery.peity.js  文件


2.  HTML


<span class="donut">1/5</span>
<span class="donut">226/360</span>
<span class="donut">0.52/1.561</span>
<span class="donut">1,4</span>
<span class="donut">226,134</span>
<span class="donut">0.52,1.041</span>
<span class="donut">1,2,3,2,2</span>


3.  调用


<script>  $('.donut').peity('donut')</script>



相关链接


官网地址 :http://benpickles.github.io/peity/

GitHub 地址 :https://github.com/benpickles/peity