Skip to content
A very simple pie chart plugin for jQuery
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE.txt
README.md
purplepie.html
purplepie.js

README.md

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.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.