Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Plugins for Flot, a Javascript charting library

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 examples
Octocat-spinner-32 README.md
Octocat-spinner-32 jquery.flot.bullet.js
Octocat-spinner-32 jquery.flot.datelinks.js
Octocat-spinner-32 jquery.flot.sparkline.js
README.md

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: Sparklineexample code

Bullet Chart: Bullet Chartexample code

Date Links: Date Linksexample 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 ...
</script>
Something went wrong with that request. Please try again.