Place for some configs

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.

Charts Documentation

Flexible Charts, extend the awesome flot library for much more easy integration
Start with a simple table and the plugin makes the chart for you!

Label 1 Label 2 Label 3 Label 4 Label 5 Label 6
First Label 48 125 159 147 154 114
Second Label 8 27 25 79 47 59
Third Label 28 56 98 112 87 26
Fourth Label 38 43 69 54 16 16
This Table is used in all Examples!

Furthermore you can use a Javascript Object for the data too

Exactly the same data is used here

xlabels:['Label 1', 'Label 2', 'Label 3', 'Label 4', 'Label 5', 'Label 6'],
data:[{
	label:'First Label',
	data:[[0,48],[1,125],[2,159],[3,147],[4,154],[5,114]]
},{
	label:'Second Label',
	data:[[0,8],[1,27],[2,25],[3,79],[4,47],[5,59]]
},{
	label:'Third Label',
	data:[[0,28],[1,56],[2,98],[3,112],[4,87],[5,26]]
},{
	label:'Fourth Label',
	data:[[0,38],[1,43],[2,69],[3,54],[4,16],[5,16]]
}]						

Line Charts

Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
0
50
100
150
200
First Label
Second Label
Third Label
Fourth Label

Bar Charts

Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
0
50
100
150
200
First Label
Second Label
Third Label
Fourth Label

Stacked Bar Charts

Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
0
100
200
300
400
First Label
Second Label
Third Label
Fourth Label

Changed Orientation

use data-orientation="vertical" to parse the table vertical

First Label
Second Label
Third Label
Fourth Label
0
50
100
150
200
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6

Pie Charts

for Pie Charts only the first column (Label 1) will be used

First Label
Second Label
Third Label
Fourth Label

Tilted Pie Charts

Just use data-tilt="0.5" for tilting

First Label
Second Label
Third Label
Fourth Label

Donut Pie Charts

Just use data-inner-radius="0.5"

First Label
Second Label
Third Label
Fourth Label

Vertical Parsing

Just use data-orientation="vertical"

Label 1
Label 2
Label 3
Label 4
Label 5
Label 6

More customisation

This Chart has following options:
data-points="false" data-fill="true" data-line-width="1" data-legend="false" data-stack="true" data-tooltip-gravity="s" data-tooltip-pattern="This is a custom Tooltip Pattern. Use placeholders (%n) to include data: %1 or '%3'"

Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
0
100
200
300
400
The Tooltip Patter can be a function too!

This Chart has following options:
data-type="bars" data-legend-position="nw" data-height="500" data-tooltip="false" data-colors="[#ff0000,#aaa,black]"

Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
0
25
50
75
100
125
150
175
First Label
Second Label
Third Label
Fourth Label