html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  anychart.theme(anychart.themes.darkTurquoise);

​

  // create a data set

  var data = anychart.data.set([

    ['Accelerate', 'Onsite', 18, NaN, NaN],

    ['CIS Others', 'Offshore', NaN, NaN, 1],

    ['CIS Others', 'Onsite', 2, 1, 1],

    ['CIS Renew', 'Offshore', 6, NaN, 2],

    ['CIS Renew', 'Onsite', 7, 1, 4]

  ]);

​

  // map the data

  var seriesData_1 = data.mapAs({value: 2, 'p2': 1});

  var seriesData_2 = data.mapAs({value: 3});

  var seriesData_3 = data.mapAs({value: 4});

​

  // create a chart

  var chart = anychart.column();

​

  // enable the value stacking mode

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

​

  // create area series, set the data

  var series1 = chart.column(seriesData_1);

  series1.labels()

    .position('center')

    .fontColor('black')

    .enabled(true);

  var series2 = chart.column(seriesData_2);

  series2.labels()

    .position('center')

    .fontColor('black')

    .enabled(true);

  var series3 = chart.column(seriesData_3);

  series3.labels()

    .position('center')

    .fontColor('black')

    .enabled(true);

​

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

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

​

  chart.legend(true);

​

  // set the container id

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

​

  var names = [];

  var ticks = [];

  var iter = data.mapAs({'p1': 0, 'p2': 1}).getIterator();

  while(iter.advance()) {

    names.push(iter.get('p1'));

    if (names[names.length - 1] != names[names.length - 2]) {

      ticks.push(iter.getIndex());

    }

  }

  var scale2 = anychart.scales.ordinal();

  scale2.values(chart.xScale().values());

  scale2.names(names);

  scale2.ticks(ticks);

  chart.xAxis(1)

    .scale(scale2)

    .stroke('none')

    .ticks(false);

  chart.xAxis(2)

    .scale(scale2)

    .labels(false)

    .stroke('none');

  chart.xAxis(2).ticks()

    .length(46)

    .position('inside');

​

  var grid = chart.xGrid(1);

  grid.enabled(true);

  grid.scale(scale2);

​

  chart.isVertical(true);

​

  chart.legend(false);

});