<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
// create chart
var chart = anychart.cartesian();
// data
var data = [
["A", 4],
["B", 3],
["C", 2],
["D", 1]
];
// creat series
chart.column(data);
// inverts y scale. Now all elements has inverted (from top to bottom) direction
chart.yScale().inverted(true);
// set y axis position. This position is set by default
chart.yAxis().orientation("left");
// set x axis position. This position is set by default
chart.xAxis().orientation("bottom");
chart.container("container");
chart.draw();
});