Line 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": "Line",
"showAnimation": true,
"smpOverlays": [
"Tissue",
"Donor",
"Time"
],
"title": "Line Graphs",
"subtitle": "Random Data",
"titleHeight": 80,
"subtitleHeight": 15,
"colorScheme": "basic",
"graphOrientation": "vertical",
"backgroundType": "window",
"smpLabelRotate": 45,
"lineType": "spline",
"smpTitle": "Collection of Samples"
})
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": "Line",
"smpOverlays": [
"Tissue",
"Donor",
"Time"
],
"title": "Random Data",
"graphOrientation": "horizontal",
"blockContrast": true,
"smpHairlineColor": "rgb(0,0,0)",
"blockContrastEvenColor": "rgb(226,236,248)",
"background": "rgb(226,236,248)",
"backgroundType": "window",
"legendPosition": "right"
})