Examples

Example 1

Example 2

Example 3

Example 4

Example 5

Example 6

Resources

Forum

Documentation

Go back to top

Example 1: Basic Bar Chart (horizontal axis)

Single Index Row with a single row of data.

Footymania	Engamic	Codesnippt	Umaniac	Leafytractor
85	0	5	10	0

Example #1 will show up here.

Create Graph

Code:

var t = umaniac_createGraph;

t.init('checkTable1', 'bar' ,

{

target:'target1' ,

label: true,

vertical: true

}

);

Go back to top

Example 2: Basic Bar Chart (vertical axis)

Single Index Column with single column of data (to the right).

Footymania	85
Engamic	15
Codesnippt	5
Umaniac	10
Leafytractor	10
Umaniac Labs	24
Umaniac Developer	55

Example #2 will show up here.

Create Graph

Code:

var t = umaniac_createGraph;

t.init('checkTable2', 'bar' ,

{

target:'target2' ,

label: true

}

);

Go back to top

Example 3: Bar Chart (horizontal axis)

Single Index Row (with data in two additional rows). We only want to show the data from the last row and in the 3^rd, 4^th and 5^th columns.

Footymania	Engamic	Codesnippt	Umaniac	Leafytractor
85	0	5	10	0
900	450	60	320	800

The dark cells above is what will show up in the chart below

Example #3 will show up here.

Create Graph

Code:

var t = umaniac_createGraph;

t.init('checkTable4', 'bar' ,

{

target:'target4' ,

label: true,

row_defined: '2',

col_defined: '3,4,5'

}

);

Go back to top

Example 4: Bar Chart (vertical axis)

Single Index Row (with data in two additional columns). We only want to show the data from the last column and in the 2^nd, 3^rd and 4^th rows.

Footymania	85	134
Engamic	0	35
Codesnippt	5	422
Umaniac	10	124
Leafytractor	0	12

The Dark cells is what will pop up in the Chart below.

Example #4 will show up here.

Create Graph

Code:

var t = umaniac_createGraph;

t.init('checkTable4', 'bar' ,

{

target:'target4' ,

label: true,

col_defined: '1',

row_defined: '2,3,4'

}

);

Go back to top

Example 5: Bar Chart (dual axis)

Two indexes. Populate a generic graph in green.

	Part 1	Part 2
Footymania	85	134
Engamic	0	35
Codesnippt	5	422
Umaniac	10	124
Leafytractor	0	12

Example #5 will show up here.

Create Graph

Code:

var t = umaniac_createGraph;

t.init('checkTable5', 'bar' ,

{

target:'target5' ,

label: true,

legend: true,

color: 'random'

}

);

Example
Item	Nationality	Tot	%
English Information	English	10	33.33
Brazilian Information	Brazilian	3	10
French Information	French	2	6.67

Example #6 will show up here.

Create Graph

Code:

var t = umaniac_createGraph;

color: 'random' , row_index: 1, reverse: true, col_index: 2, row_defined: '2,3,4' , col_defined: '3,4', } );

t.init('checkTable6', 'bar' ,

{

target:'target6' ,

label: true,

col_index: 2,

row_index: 1,

legend: true,

color: 'random',

reverse: true

}

);