Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/eriwen/flot-plugins

Plugins for Flot, a Javascript charting library
https://github.com/eriwen/flot-plugins

Last synced: 24 days ago
JSON representation

Plugins for Flot, a Javascript charting library

Awesome Lists containing this project

README

        

# 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](http://code.google.com/p/flot/).

# Examples of plugins #
Sparkline:
![Sparkline](http://github.com/eriwen/flot-plugins/raw/master/examples/sparkline.png "Sparkline")
[example code](http://github.com/eriwen/flot-plugins/raw/master/examples/sparkline.html)

Bullet Chart:
![Bullet Chart](http://github.com/eriwen/flot-plugins/raw/master/examples/bullet.png "Bullet Chart")
[example code](http://github.com/eriwen/flot-plugins/raw/master/examples/bullet.html)

Date Links:
![Date Links](http://github.com/eriwen/flot-plugins/raw/master/examples/datelinks.png "Date Links")
[example code](http://github.com/eriwen/flot-plugins/raw/master/examples/datelinks.html)

# 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:





// ... 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 ...