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
var chart = anychart.surface(getData());
3
chart.title('Rendering of the chart into the container');
4
5
// Set container
6
chart.container('container');
7
chart.draw();
8
});
9
10
function getData() {
11
return [
12
[-3, -3, -216],
13
[-3, -2, -125],
14
[-3, -1, -64],
15
[-3, 0, -27],
16
[-3, 1, -8],
17
[-3, 2, -1],
18
[-3, 3, 0],
19
[-2, -3, -125],
20
[-2, -2, -64],
21
[-2, -1, -27],
22
[-2, 0, -8],
23
[-2, 1, -1],
24
[-2, 2, 0],
25
[-2, 3, 1],
26
[-1, -3, -64],
27
[-1, -2, -27],
28
[-1, -1, -8],
29
[-1, 0, -1],
30
[-1, 1, 0],
31
[-1, 2, 1],
32
[-1, 3, 8],
33
[0, -3, -27],
34
[0, -2, -8],
35
[0, -1, -1],
36
[0, 0, 0],
37
[0, 1, 1],
38
[0, 2, 8],
39
[0, 3, 27],
40
[1, -3, -8],
41
[1, -2, -1],
42
[1, -1, 0],
43
[1, 0, 1],
44
[1, 1, 8],
45
[1, 2, 27],
46
[1, 3, 64],
47
[2, -3, -1],
48
[2, -2, 0],
49
[2, -1, 1],
50
[2, 0, 8],
51
[2, 1, 27],
52
[2, 2, 64],
53
[2, 3, 125],
54
[3, -3, 0],
55
[3, -2, 1],
56
[3, -1, 8],
57
[3, 0, 27],
58
[3, 1, 64],
59
[3, 2, 125],
60
[3, 3, 216]
61
]
62
}