html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // data

  var data = anychart.data.set([

    ["John",  10000, 12000],

    ["Jake",  12000, 15000],

    ["Peter", 18000, 16000],

    ["James", 11000, 13000],

    ["Mary",  9000,  19000]

  ]);

​

  // map data for the each series

  var Sales2013 = data.mapAs({x: [0], value: [1]});

  var Sales2014 = data.mapAs({x: [0], value: [2]});

​

  // chart type

  var chart = anychart.column();

​

  // set data

  var series2013 = chart.column(Sales2013);

  // set series name

  series2013.name("Sales in 2013");

​

  // set series data

  var series2014 = chart.column(Sales2014);

  // set series name

  series2014.name("Sales in 2014");

  // chart title

  chart.title("Enable the accessibility support on the chart");

  // set axes titles

  var xAxis = chart.xAxis();

  xAxis.title("Retail Channel");

  var yAxis = chart.yAxis();

  yAxis.title("Sales");

  // enable legend

  chart.legend(true);

​

  // enable the accessibility of the chart

  chart.a11y(true);

​

  // enable the accessibility support for series

  series2013.a11y(true);

  series2014.a11y(true);

​

  // draw

  chart.container("container");

  chart.draw();

});