html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create data set on our data

  var chartData = {

    title: 'Option 1 Timeline of Cash Flows',

    header: ['#', 'Capital Cost', 'Operating Cost Savings', 'Maintenance Cost Savings', 'Disposal Cost'],

    rows: [

      ['0', -47600000, 0, 0, 0],

      ['1', 0, 10071703.57, 302151.11, 0],

      ['2', 0, 10071703.57, 302151.11, 0],

      ['3', 0, 10071703.57, 302151.11, 0],

      ['4', 0, 10071703.57, 302151.11, 0],

      ['5', 0, 10071703.57, 805736.29, 0],

      ['6', 0, 10071703.57, 302151.11, 0],

      ['7', 0, 10071703.57, 302151.11, 0],

      ['8', 0, 10071703.57, 302151.11, 0],

      ['9', 0, 10071703.57, 302151.11, 0],

      ['10', 0, 10071703.57, 805736.29, 0],

      ['11', 0, 10071703.57, 302151.11, 0],

      ['12', 0, 10071703.57, 0, 84000],

    ]

  };

​

  // create column chart

  var chart = anychart.column();

​

  // set chart data

  chart.data(chartData);

​

  // turn on chart animation

  chart.animation(true);

​

  // force chart to stack values by Y scale.

  chart.yScale().stackMode('value');

​

  // chart padding

  chart.padding([10, 20, 5, 20]);

​

  chart.xAxis(0).title('Year').stroke(null);

  chart.xAxis(1).stroke(null).orientation('top');

  chart.yAxis(0).title('Cash Flow');

  chart.yAxis(0).labels().format('${%Value}');

​

  // zero marker line

  var zeroMarker = chart.lineMarker(0);

  zeroMarker.stroke('#ddd');

  zeroMarker.scale(chart.yScale());

  zeroMarker.value(0);

​

  // enable and tune grid

  chart.xGrid().stroke('#ddd').drawLastLine(false);

​

  // tune paddings

  chart.barsPadding(0.1).barGroupsPadding(0.9);

​

  // turn on legend and set settings

  chart.legend().enabled(true).fontSize(13).padding([0, 0, 20, 0]);

​

  chart.interactivity().hoverMode('by-x');

  chart.tooltip().displayMode('union');

​

  // set container id for the chart

  chart.container('container');

​

  // initiate chart drawing

  chart.draw();

});