Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/eriwen/flot-plugins
- Owner: eriwen
- Created: 2010-12-28T16:51:02.000Z (almost 14 years ago)
- Default Branch: master
- Last Pushed: 2012-02-20T16:50:42.000Z (over 12 years ago)
- Last Synced: 2024-04-14T14:57:59.502Z (7 months ago)
- Language: JavaScript
- Homepage: http://code.google.com/p/flot/
- Size: 313 KB
- Stars: 4
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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 ...