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("Making chart and series titles accessible");

  // 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 support for series  

  series2013.a11y(true);

  series2014.a11y(true);

​

  // set the titleFormat for the chart

  chart.a11y().titleFormat(function(e){

    var chart = this.chart;

    return "Data Plot Y Sum is " + chart.getStat("dataPlotYSum") + "\n" +

        "First Series Y minimum is " + chart.getSeries(0).getStat("seriesYMin") + "\n" +

        "First Series Y maximum is " + chart.getSeries(0).getStat("seriesYMax");

  });

​

  // set the titleFormat for the series

  series2014.a11y().titleFormat(function(e){

    var series = this.series;

    return "This series named " + series.name() + " has its maximum value in $" + series.getStat("seriesYMax") + ", the average in $" +  series.getStat("average") + " and minimum value in $" + series.getStat("seriesYMin");

  });

​

  // draw

  chart.container("container");

  chart.draw();

});