html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // define chart

  var chart = anychart.cartesian();

​

  var margin = chart.margin();

  margin.bottom(30);

  margin.left(30);

​

  // setting data

  var data = anychart.data.set([

    ["A", 4],

    ["B", 3],

    ["C", 2],

    ["D", 1]

  ]);

​

  // define chart type

  chart.bar(data);

​

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

  var yScale = chart.yScale();

  yScale.inverted(true);

​

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

  var xScale = chart.xScale();

  xScale.inverted(true);

​

  // position of x axis changer. Now x is on the top

  var xAxis = chart.xAxis();

  xAxis.orientation("top");

​

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

  var yAxis = chart.yAxis();

  yAxis.orientation("right");

​

  chart.container("container");

  chart.draw();

});