Charts

Pie

pie = new PieChart
    el       : $('.pillow-pie')
    data     : [ 60, 22, 10, 8 ]
    tooltips : yes

pie.render()

Properties

el

null

jQuery element used to render the chart.

data

[]

Data source.

tooltips

no

Hovering a slice will show a tooltip if enabled.

limit

3

Will combine additional slices into one slice.

reverseColors

no

Enable to reverse series colors.

formatTooltipHtml

null

Set a custom function to format tooltips.

Dimensions

To specify dimensions of a pie chart use pie-chart-w*-h* classes.

Colors

Additiona chart colors are supported for white and black backgrounds.

.conversions-pie

.dark-blue-color

.light-blue-color

.orange-color

.purple-color

Not available state

To render a pie chart as n/a simply create an element with pie-chart-not-available class.

.pie-chart-not-available-w150-h150

.pie-chart-not-available-w120-h120