Plugins for Flot, a Javascript charting library
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 5 commits ahead of ReturnPath:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

What is Flot?

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. Learn more at on the Flot project home page.

Examples of plugins

Sparkline: Sparkline example code

Bullet Chart: Bullet Chart example code

Date Links: Date Links example code

How do I use these plugins?

Just include jQuery, and flot, and plugin JS files on your page, and use it as a normal Flot plugin:

<script language='javascript' type='text/javascript' src='jquery-1.7.1.min.js'></script> 
<script language='javascript' type='text/javascript' src='jquery.flot.min.js'></script>
<script language='javascript' type='text/javascript' src='jquery.flot.sparkline.js'></script>
<script type="text/javascript">
    // ... your code ...

    var placeholder = $('#sparkline-ph');
    var plot = $.plot(placeholder, [{
        data: [[1285614437984, 7], [1285614537984, 50], [1285614637984, 17]],
        color: "#6699FF"
    }], {
        xaxis: { mode: 'time' },
        yaxis: { min: 0, max: 100 },
        series: { sparkline: true }

    // ... more code of yours ...