JQuery图表制作插件peity

简介

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

插件特定：

支持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