html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  //set data

  var data = anychart.data.set([

    ['Value 1', 'P1', 5599869585, NaN, NaN],

    ['Value 1', 'P2', 5174706679, NaN, NaN],

    ['Value 1', 'P3', 3565106294, NaN, NaN],

    ['Value 1', 'P4', 1984176544, NaN, NaN],

    ['Value 1', 'P5', 1799519564, NaN, NaN],

    ['Value 2', 'P1', NaN, 2959600884, NaN],

    ['Value 2', 'P2', NaN, 1976341028, NaN],

    ['Value 2', 'P3', NaN, 1783337897, NaN],

    ['Value 2', 'P4', NaN, 1582503018, NaN],

    ['Value 2', 'P5', NaN, 884240573, NaN],

    ['Value 3', 'P1', NaN, NaN, 876892984],

    ['Value 3', 'P2', NaN, NaN, 537348605],

    ['Value 3', 'P3', NaN, NaN, 535873503],

    ['Value 3', 'P4', NaN, NaN, 86508026],

    ['Value 3', 'P5', NaN, NaN, 50295470]

  ]);

​

  //create the 1st column chart and set data

  chart = anychart.column();

​

  chart.column(data.mapAs({'value': 2, 'p2': 1})).name("Value 1");

​

  //set horizontal grids

  chart.yGrid(0).enabled(true);

  chart.yMinorGrid().enabled(true);

​

  //create the 2nd and 3rd column charts

  chart.column(data.mapAs({'value': 3})).name("Value 2");

  chart.column(data.mapAs({'value': 4})).name("Value 3");

​

  //adjust Y-scale appearance

  chart.yScale().stackMode('value');

  chart.yScale().minimum(0);

  chart.yScale().maximum(6000000000);

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

  yTicks.interval(1000000000);

  //format Y-scale text labels

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

  yLabels.format(function () {

    var value = this.value;

    value = Math.round(value / 1000000000).toFixed(2);

    return value + ' H';

  });

  //set Y-scale title

  chart.yAxis().title("Value");

  chart.xAxis().title("Security");

​

  //adjust X-scale

  chart.xScale().names('p2');

  chart.xAxis(0).ticks(false);

​

  //render chart

  chart.bounds(0, 0, '100%', "100%");

  chart.container("container").draw();

​

  //create another one X-scale

  var scale2 = anychart.scales.linear();

  scale2.minimum(0);

  scale2.maximum(3);

  scale2.ticks().interval(1);

​

  //create vertical grids which separate column groups

  var grid = chart.xGrid(1);

  grid.enabled(true);

  grid.scale(scale2);

​

  //set X-scale text labels appearance

  var xLabels1 = chart.xAxis(0).labels();

​

  // change chart orientation

  chart.isVertical(true);

  // enable chart labels

  chart.labels(true);

​

  //set chart legend

  chart.legend(true);

  chart.legend().position('top');

  chart.legend().padding(15);

});

​