Stacked Graph
new CanvasXpress("canvas", {
"x": {
"Tissue": [
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver"
],
"Donor": [
"D1",
"D1",
"D1",
"D1",
"D2",
"D2",
"D2",
"D2"
],
"Time": [
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour"
]
},
"y": {
"vars": [
"Gene1",
"Gene2",
"Gene3",
"Gene4",
"Gene5",
"Gene6"
],
"smps": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8"
],
"desc": [
"Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
73,
42,
64
],
[
12,
4,
60,
5,
24,
14,
32,
13
],
[
7,
12,
20,
13,
49,
52,
42,
92
],
[
21,
10,
30,
8,
65,
166,
47,
58
],
[
15,
14,
100,
5,
34,
30,
82,
51
],
[
100,
82,
73,
4,
3,
4,
5,
2
]
]
}
}, {
"graphType": "Stacked",
"graphOrientation": "vertical",
"title": "Stacked Graph",
"colorScheme": "basic",
"legendBackgroundColor": false,
"fontSize": 10,
"maxTextSize": 12,
"blockSeparationFactor": 2
})
new CanvasXpress("canvas1", {
"x": {
"Tissue": [
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver"
],
"Donor": [
"D1",
"D1",
"D1",
"D1",
"D2",
"D2",
"D2",
"D2"
],
"Time": [
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour"
]
},
"y": {
"vars": [
"Gene1",
"Gene2",
"Gene3",
"Gene4",
"Gene5",
"Gene6"
],
"smps": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8"
],
"desc": [
"Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
73,
42,
64
],
[
12,
4,
60,
5,
24,
14,
32,
13
],
[
7,
12,
20,
13,
49,
52,
42,
92
],
[
21,
10,
30,
8,
65,
166,
47,
58
],
[
15,
14,
100,
5,
34,
30,
82,
51
],
[
100,
82,
73,
4,
3,
4,
5,
2
]
]
}
}, {
"graphType": "StackedPercent",
"backgroundType": "window",
"gradient": true,
"colorScheme": "basic",
"blockSeparationFactor": 2
})
new CanvasXpress("canvas2", {
"y": {
"vars": [
"Gene1",
"Gene2",
"Gene3",
"Gene4",
"Gene5",
"Gene6"
],
"smps": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8"
],
"desc": [
"Intensity",
"Normalized Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
73,
42,
64
],
[
12,
4,
60,
5,
24,
14,
32,
13
],
[
7,
12,
20,
13,
49,
52,
42,
92
],
[
21,
10,
30,
8,
65,
166,
47,
58
],
[
15,
14,
100,
5,
34,
30,
82,
51
],
[
100,
82,
73,
4,
3,
4,
5,
2
]
]
},
"a": {
"xAxis": [
"Gene1",
"Gene2",
"Gene3"
],
"xAxis2": [
"Gene4",
"Gene5",
"Gene6"
]
}
}, {
"graphType": "StackedLine",
"coordinateLineColor": false,
"colorScheme": "basic",
"lineType": "spline",
"graphOrientation": "vertical"
})
new CanvasXpress("canvas3", {
"y": {
"vars": [
"Gene1",
"Gene2",
"Gene3",
"Gene4",
"Gene5",
"Gene6"
],
"smps": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8"
],
"desc": [
"Intensity",
"Normalized Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
73,
42,
64
],
[
12,
4,
60,
5,
24,
14,
32,
13
],
[
7,
12,
20,
13,
49,
52,
42,
92
],
[
21,
10,
30,
8,
65,
166,
47,
58
],
[
15,
14,
100,
5,
34,
30,
82,
51
],
[
100,
82,
73,
4,
3,
4,
5,
2
]
]
},
"a": {
"xAxis": [
"Gene1",
"Gene2",
"Gene3"
],
"xAxis2": [
"Gene4",
"Gene5",
"Gene6"
]
}
}, {
"graphType": "StackedPercentLine",
"coordinateLineColor": false,
"colorScheme": "basic",
"graphOrientation": "horizontal"
})