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
// define chart
4
var chart = anychart.cartesian();
5
6
var margin = chart.margin();
7
margin.top(30);
8
margin.right(30);
9
10
// setting data
11
var data = anychart.data.set([
12
["A", 4],
13
["B", 3],
14
["C", 2],
15
["D", 1]
16
]);
17
18
// set x axis position. This position is set by default
19
var xAxis = chart.xAxis();
20
xAxis.orientation("bottom");
21
22
// set y axis position. This position is set by default
23
var yAxis = chart.yAxis();
24
yAxis.orientation("left");
25
26
var xScale = chart.xScale();
27
xScale.inverted(false);
28
var yScale = chart.yScale();
29
yScale.inverted(false);
30
31
// define chart type
32
chart.column(data);
33
34
chart.container("container");
35
chart.draw();
36
});