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);

​

  // position of y axis changer. Now y is on the right

  chart.yAxis().orientation("right");

​

  // inverts y scale. Now all elements has inverted (from right to left) direction

  chart.yScale().inverted(true);

​

  // inverts x scale. Now all elements has inverted (from top to bottom) direction

  chart.xScale().inverted(true);

​

  // set x axis position. This position is set by default

  chart.xAxis().orientation("bottom");

​

  chart.container("container");

  chart.draw();

});