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 chart
4
var chart = anychart.cartesian();
5
6
var margin = chart.margin();
7
margin.top(30);
8
margin.right(30);
9
10
// data
11
var data = [
12
["A", 4],
13
["B", 3],
14
["C", 2],
15
["D", 1]
16
];
17
18
// add series
19
chart.bar(data);
20
21
chart.xAxis().orientation("bottom");
22
chart.yAxis().orientation("left");
23
chart.xScale().inverted(false);
24
chart.yScale().inverted(false);
25
26
chart.container("container");
27
chart.draw();
28
});