html, body, #WaterfallContainer {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

​

  // set the data

  var data = [

    { x: "Revenue", value: 5077.482 },

    { x: "Cost of revenue", value: -1797.510 },

    { x: "Gross profit", isTotal: true },

    { x: "Operating expenses", value: -3772.711 },

    { x: "Income (loss) from operations", isTotal: true },

    { x: "Interest expense", value: -51.186 },

    { x: "Interest income", value: 35.683 },

    { x: "Other income (expense), net", value: 97.129 },

    { x: "Income (loss) before income taxes", isTotal: true },

    { x: "(Provision) benefit for income taxes", value: 189.704 },

    { x: "Net income (loss)", isTotal: true }

  ];

​

  // create a waterfall chart

  var chart = anychart.waterfall();

​

  // create a series and set the data

  var series = chart.waterfall(data);

  // hiding the labels

  series.labels(false);

​

  // set the container for the chart

  chart.container("WaterfallContainer");

  // draw the resulting chart

  chart.draw();

​

});