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
// create data
4
var data = [
5
["A", 10000],
6
["B", 5000]
7
];
8
9
// create a stage
10
var stage = anychart.graphics.create("container");
11
12
// create and configure the first column chart
13
var chart1 = anychart.column(data);
14
chart1.title("Point Width = 20");
15
chart1.bounds(0, 0, "50%", "100%");
16
// set the width of points
17
chart1.pointWidth(20);
18
// set the chart container
19
chart1.container(stage);
20
// initiate drawing the chart
21
chart1.draw();
22
23
// create and configure the second column chart
24
var chart2 = anychart.column(data);
25
chart2.title("Default");
26
chart2.bounds("50%", 0, "50%", "100%");
27
// set the chart container
28
chart2.container(stage);
29
// initiate drawing the chart
30
chart2.draw();
31
});