html, body, #container {

    width: 100%;

    height: 95%;

    margin: 0;

    padding: 0;

}

var chart;

anychart.onDocumentReady(function () {

  var rawData = [

    ["Jan", 22],

    ["Feb", 14],

    ["Mar", -6],

    ["Apr", 37],

    ["May", -40],

    ["Jun", 55],

    ["Jul", 22],

    ["Aug", 23],

    ["Sep", 42],

    ["Oct", 67],

    ["Nov", 61],

    ["Dec", 51],

  ];

​

  var data = anychart.data.set(rawData);

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

​

  chart = anychart.waterfall();

​

  chart.addSeries(seriesData);

​

  chart.title('Add total');

  chart.container('container');

​

  chart.addTotal({x: 'May', name: 'May results'});

  chart.addTotal({x: 'Aug', name: 'Aug results'});

  chart.addTotal({x: 'Dec', name: 'Dec results'});

​

  chart.draw();

});

​

function removeLastTotal() {

  var totals = chart.getAllTotals();

  if (totals.length) {

    chart.removeTotalAt(totals.length - 1);

  }

}