HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function() {
2
3
// set stage
4
var stage = anychart.graphics.create("container");
5
6
// create table
7
var table = anychart.standalones.table();
8
var firstRow = table.getRow(0);
9
firstRow.height("10%");
10
11
// setting data
12
var data_1 = anychart.data.set([
13
["C", 5],
14
["D", 21],
15
["E", 34]
16
]);
17
18
var data_2 = anychart.data.set([
19
["C", 5],
20
["D", 1],
21
["E", 4]
22
]);
23
24
// create charts
25
var chart_1 = anychart.column(data_1);
26
var chart_2 = anychart.column(data_1);
27
var chart_3 = anychart.column(data_1);
28
var chart_4 = anychart.column(data_2);
29
var chart_5 = anychart.column(data_2);
30
var chart_6 = anychart.column(data_2);
31
32
var yScale2 = chart_2.yScale();
33
yScale2.maximum(10);
34
var yScale3 = chart_3.yScale();
35
yScale3.softMaximum(10);
36
37
var yScale5 = chart_5.yScale();
38
yScale5.maximum(10);
39
var yScale6 = chart_6.yScale();
40
yScale6.softMaximum(10);
41
42
formatChart(chart_1);
43
formatChart(chart_2);
44
formatChart(chart_3);
45
formatChart(chart_4);
46
formatChart(chart_5);
47
formatChart(chart_6);
48
49
// set table content
50
table.contents([
51
["Auto Calculation", ".maximum(10)","softMaximum(10)"],
52
[
53
chart_1,
54
chart_2,
55
chart_3
56
],
57
[
58
chart_4,
59
chart_5,
60
chart_6
61
]
62
]);
63
64
65
// position text in the center of each cell
66
table.vAlign("center");
67
table.hAlign("center");
68
69
// set table container and initiate draw
70
table.container(stage);
71
table.draw();
72
});
73
function formatChart(chart){
74
chart.title(false);
75
var xAxis = chart.xAxis();
76
xAxis.title(false);
77
var yAxis = chart.yAxis();
78
yAxis.title(false);
79
}