html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  var chart = anychart.column();

​

  // setting title

  chart.title("X-Axis labels: width is 100% (no wrapping)");

​

  // setting data

  chart.column([

      ["People's Republic of China", 1336717952],

      ["India", 1189172864],

      ["United States of America", 313232032],

      ["Russian Federation", 138739888],

      ["Japan", 126475664]

  ]);

​

  // adjusting labels

  var yTicks = chart.yScale().ticks();

  yTicks.interval(200000000);

  var yLabels = chart.yAxis().labels();

  yLabels.format("${%Value}{scale: (1)(1000)(1000)(1000)|(k)(m)(M)(B)}");

​

  // force labels to hide value, if the previous one is too big, set text position to center

  var xAxis = chart.xAxis();

  xAxis.overlapMode(false);

​

  // draw chart

  chart.container("container");

  chart.draw();

});