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