Dashboard Flot Charts

Flot Charts

Jquery Plugins Integration
Tasks Done
32 this week
Real Time
You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.
0
25
50
75
100
125
150
175
200
225
250
275
0
20
40
60
80
100

Time between updates: milliseconds

Multiple axes
As illustrated, you can put in multiple axes if you need to.
Jan 2007
Apr 2007
Jul 2007
Oct 2007
Jan 2008
Apr 2008
Jul 2008
0
25
50
75
100
125
150
0.600€
0.633€
0.667€
0.700€
0.733€
0.767€
0.800€
Oil price ($)
USD/EUR exchange rate
Plot Graph
The plot command returns a plot object you can use to control the selection
1990
1992
1994
1996
1998
2000
2002
2004
0
5
10
15
20
25
United States
Russia
United Kingdom
Germany
Denmark
Sweden
Norway

You selected:

Selections are really useful for zooming. Just replot the chart with min and max values for the axes set to the values in the "plotselected" event triggered. Enable the checkbox below and select a region again.

Bar Graph
With the stack plugin, you can have Flot stack the series.
0
2
4
6
8
10
0
10
20
30
40
50
60
70
80

This is useful if you wish to display both a total and the constituents it is made of. The only requirement is that you provide the input sorted on x.