Flot Charts

Flot Bar chart

0.0
1.0
2.0
3.0
4.0
5.0
6.0
7.0
8.0
9.0
10.0
0
5
10
15
20
25
30

Flot Line chart

0
1
2
3
4
5
6
7
8
9
10
11
12
13
-1.0
-0.5
0.0
0.5
1.0
sin(x)
cos(x)

Stack charts

0.0
1.0
2.0
3.0
4.0
5.0
6.0
7.0
8.0
9.0
10.0
0
10
20
30
40
50
60
70
80

Horizontal bar charts

0.0
2.5
5.0
7.5
10.0
12.5
15.0
17.5
20.0
22.5
25.0
-1.0
0.0
1.0
2.0
3.0
4.0
5.0

Realtime example

0
20
40
60
80
100

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.

Time between updates: milliseconds

Facebook fans

5
10
15
20
25
30
0
50
100
Fans

Pie chart

Series1
3%
Series2
8%
Series3
23%
Series4
18%
Series5
21%
Series6
28%

Layout Options


Skin Color