Charts

Stopwatch

stopwatch = new Stopwatch
    el          : $('.pillow-stopwatch')
    title       : "AVG. TIME ON AD UNIT"
    time        : 25
    averageTime : 10
    autoAnimate : yes

stopwatch.render()

Properties

el

null

jQuery element used to render the chart.

time

null

Value to render on the chart.

displayMilliseconds

no

Set yes to display value in milliseconds.

averageTime

null

Value for the average marker.

title

""

Label for the chart.

animationDuration

1500

Duration in milliseconds.

autoAnimate

no

Set yes to automatically play animation when rendered.

Over 1 minute

stopwatch = new Stopwatch
    time: 350
    // other properties are omitted

stopwatch.render()

Dimensions

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

Colors

Additiona chart colors are supported.

.orange

.light-blue

.dark-blue

.grey

.purple

Not available state

To render a stopwatch as n/a simply create an element with pie-chart-not-available class. Yes, we're borrowing this one from the pie chart.