Growraf

A plugin for jquery.flot for smooth animations using requestAnimationFrame

View the Project on GitHub thgreasi/growraf

Growraf

Growraf (pronounced grow-rough) is a plugin for flot charts, that produces smooth animations using requestAnimationFrame wherever possible.

Its a fork of the Growing plugin for flot, from J├╝rgen Marsch.

The API is the same with Growing plugin except from the steps & stepDelay combination. There is a new option named "duration" (in ms) that simplifies the rAF implementation and provides greater control.

Examples

Growraf example in comparison with Growing minor bugs

Growraf heavy data plots in comparison with Grow heavy data plots note the time increase with more data/plots

Growraf + Resize example

Growraf ReAnimate animating a plot between redraws.

Growraf Horizontal Bars

Extras

var $placeholder = $('#placeholder');
        $placeholder.on('growFinished', function () {
           alert('Grow Animation Finished');
        });

        $.plot($placeholder, [{
                label: "linear",
                data: [[1,1], [2,2], /*...,*/ [10,10]],
                grow: { growings:[ { stepMode: "maximum" } ] }
            }], {
                series: { grow: { active: true, duration: 2000 } }
        });
        

API

Read the Documentation here.

ChangeLog

Frequently Asked

Powering

speedcurve