Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

Purple Pie

Purple Pie is a very simple pie chart plugin for jQuery.

Usage

To use it, first include jQuery before purplepie.js. Then specify the slice sizes in percentages (0-100) in a data-slices attribute of a container div:

<div class="pie-pan" data-slices="[25,10,30]"></div>

Then invoke purplePie and pass in options:

$('#container .pie-pan').purplePie({ 'background-color': '#f6f6f6',
                                     'size': '40px',
                                     'colors': ['#810f7c', '#8856a7', '#8c96c6', '#b3cde3', '#edf8fb'] 
});

Options

  • background-color: A background color for remaining pie (if not totaling 100%)
  • colors: The list of colors to be used for slices. Any remaining slices will start over at the first color.
  • size: The size (width and height) of the pie in pixels

License

MIT License. See the LICENSE.txt file.

About

A very simple pie chart plugin for jQuery

Resources

License

Releases

No releases published

Packages

No packages published