Bar-line Combination
new CanvasXpress("canvas", {
"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": "BarLine",
"useFlashIE": true,
"title": "Bar-Line Graph",
"graphOrientation": "vertical",
"backgroundType": "gradient",
"legendBox": false,
"backgroundGradient2Color": "rgb(112,179,222)",
"backgroundGradient1Color": "rgb(226,236,248)",
"colorScheme": "basic",
"legendBackgroundColor": false,
"lineType": "spline",
"smpHairlineColor": "rgb(100,100,100)",
"xAxisTickColor": "rgb(100,100,100)",
"smpTitle": "Sample Collection"
})
new CanvasXpress("canvas1", {
"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": "BarLine",
"useFlashIE": true,
"colorScheme": "dark",
"blockContrast": true,
"oddColor": "rgb(255,255,255)",
"evenColor": "rgba(226,236,248,0.9)",
"graphOrientation": "horizontal"
})