html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create data set on our data

  var dataSet = anychart.data.set(getData());

​

  // map data for the first series

  var firstSeriesData = dataSet.mapAs({

    x: 0,

    value: 1

  });

​

  // map data for the second series

  var secondSeriesData = dataSet.mapAs({

    x: 0,

    value: 2

  });

​

  // create line chart

  var chart = anychart.column();

​

  // turn on chart animation

  chart.animation(true);

​

  chart.padding(10);

​

  // disable Y axis

  chart.yAxis(false);

​

  // set X axis title

  chart.xAxis().title('Year').stroke('black', 2);

​

  chart.xAxis().ticks().enabled(false);

​

  // force chart to stack values by Y scale

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

​

  // set chart title

  chart.title('Total number of websites on the internet (2000-2015)');

​

  // create data-area and set background settings

  chart

    .dataArea()

    .background()

    .enabled(true)

    .fill('#456')

    .corners(25, 25, 0, 0);

​

  // set grid settings

  chart

    .xGrid()

    .stroke('#fff .1')

    .isMinor(true)

    .drawFirstLine(false)

    .drawLastLine(false);

​

  chart

    .yGrid()

    .stroke('#fff .1')

    .isMinor(true)

    .drawFirstLine(false)

    .drawLastLine(false);

​

  // create first series with mapped data

  var firstSeries = chart.column(firstSeriesData);

  firstSeries.name('Websites');

​

  // create second series with mapped data

  var secondSeries = chart.column(secondSeriesData);

  secondSeries.name('Internet Users');

​

  // turn the legend on

  chart

    .legend()

    .enabled(true)

    .fontSize(13)

    .fontColor('white')

    .positionMode('inside')

    .margin({ top: 15 });

​

  // set container id for the chart

  chart.container('container');

​

  // initiate chart drawing

  chart.draw();

});

​

function getData() {

  return [

    ['2000', 17087182, 413425190],

    ['2001', 29254370, 500609240],

    ['2002', 38760373, 662663600],

    ['2003', 40912332, 778555680],

    ['2004', 51611646, 910060180],

    ['2005', 64780617, 1027580990],

    ['2006', 85507314, 1160335280],

    ['2007', 121892559, 1373327790],

    ['2008', 172338726, 1571601630],

    ['2009', 238027855, 1766206240],

    ['2010', 206956723, 2045865660],

    ['2011', 346004403, 2282955130],

    ['2012', 697089489, 2518453530],

    ['2013', 672985183, 2756198420],

    ['2014', 968882453, 2925249355],

    ['2015', 863105652, 3185996155]

  ];

}