Line charts
Use
<span class="pie_chart" data-peity='{"width":120, "height":50, "fill":["#31d0d6"] }'>*</span>
5,3,9,6,5,9,7,3,5,2
5,3,2,-1,-3,-2,2,3,5,2
0,-3,-6,-4,-5,-4,-7,-3,-5,-2
Bar charts
Use
<span class="pie_chart" data-peity='{"width":120, "height":50, "fill":["#329cff"] }'>*</span>
Line charts With Data Attributes
Use
<span class="pie_chart" data-peity='{"width":*, "height":*, "fill":["*"] }'>*</span>
5,3,9,6,5,9,7,3,5,2
5,3,2,-1,-3,-2,2,3,5,2
0,-3,-6,-4,-5,-4,-7,-3,-5,-2
2,5,1,-3,0,-2,1,3,2
10,7,5,9,5,2,-2,-4,-1,3
5,4,2,0,-2,-4,5,1,3,-2
4,5,1,6,-2,-4,-6,2,8,4
Bar charts
Use
<span class="pie_chart" data-peity='{"width":*, "height":*, "fill":["*"] }'>*</span>
Pie charts
Use
<span class="pie_chart" data-peity='{"radius": 30, "fill": ["#f86a67", "#5aca82", "#329cff"] }'>*</span>
1/5
226/360
0.52/1.561
1,4
226,134
0.52,1.041
1,2,3,2,2
Donut charts
Use
<span class="pie_chart" data-peity='{"innerRadius": 10, "radius": 30, "fill": ["#f86a67", "#5aca82", "#329cff"] }'>*</span>
1/5
226/360
0.52/1.561
1,4
226,134
0.52,1.041
1,2,3,2,2
Pie charts With Data Attributes
Use
<span class="pie_chart" data-peity='{"radius": *, "fill": ["*"] }'>*</span>
1/7
2/7
3/7
4/7
5/7
6/7
1
Donut charts With Data Attributes
Use
<span class="donut_chart" data-peity='{ "innerRadius": *, "radius": *, "fill": ["*"] }'>*</span>
1/7
2/7
3/7
4/7
5/7
6/7
1
Animated Line charts
Use
<span class="pie_chart" data-peity='{"width":*, "height":*, "fill":["*"] }'>*</span>
5,3,9,6,5,9,7,3,5,2,5,3,9,6,5,9,7,3,5,2
Pie Chart With Events
Nothing's happened yet.