html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

var data = [

  {"x": 2015, "value": 2195081, "drillDown": [

    {"x": "Q1", "value": 792026},

    {"x": "Q2", "value": 610501},

    {"x": "Q3", "value": 441843},

    {"x": "Q4", "value": 350711}

  ]},

  {"x": 2016, "value": 3257447, "drillDown": [

    {"x": "Q1", "value": 1378786},

    {"x": "Q2", "value": 571063},

    {"x": "Q3", "value": 510493},

    {"x": "Q4", "value": 797105}

  ]},

  {"x": 2017, "value": 1963407, "drillDown": [

    {"x": "Q1", "value": 499299},

    {"x": "Q2", "value": 649963},

    {"x": "Q3", "value": 571176},

    {"x": "Q4", "value": 242969}

  ]}

];

​

// create column chart

var chart = anychart.column(data);

​

// configure drilldown behaviour

chart.listen('pointClick', function (e) {

    if (e.point.get('drillDown')) {

  chart.getSeries(0).data(e.point.get('drillDown'));

}

    else {

  chart.getSeries(0).data(data);

    }

});

​

​

// set container id and display chart

chart.container('container').draw();

});