html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  var data = [

    ['Sep 2011', 75, 75, 75],

    ['Oct 2011', 73, 90, 90],

    ['Nov 2011', 94, 94, 94],

    ['Dec 2011', 67, 77, 77],

    ['Jan 2012', 68, 78, 78],

    ['Feb 2012', 88, 78, 78],

    ['Mar 2012', 79, 89, 89],

    ['Apr 2012', 59, 79, 79]

  ];

​

  // create line chart

  var chart = anychart.column();

​

  // turn on chart animation

  chart.animation(true);

  chart.title('Cumulative progress of work');

​

  var yAxis = chart

    .yAxis()

    .title('Percentage')

    .orientation('right')

    .stroke(null);

​

  yAxis.ticks().enabled(false);

  chart.yScale().maximum(100);

​

  chart.yGrid().stroke('#fff .7').zIndex(1000);

​

  chart.labels().enabled(true).anchor('center-top').fontColor('#fff');

​

  chart.labels().zIndex(9000);

​

  chart.data(data);

​

  // set container id for the chart

  chart.container('container');

​

  // initiate chart drawing

  chart.draw();

});