html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  // create a data set

  dataSet = anychart.data.set([

    ["1800", 170, 161],

    ["1820", 171, 164],

    ["1840", 174, 168],

    ["1860", 175, 170],

    ["1880", 175, 172],

    ["1900", 180, 174],

    ["1920", 181, 174],

    ["1940", 184, 176],

    ["1960", 185, 180],

    ["1980", 186, 182],

    ["2000", 188, 182]

  ]);

​

  // map data for the first series

  data_maleMartians = dataSet.mapAs({x: 0, value: 1});

​

  // map data for the second series

  data_femaleMartians = dataSet.mapAs({x: 0, value: 2});

​

  // create a line chart

  var chart = anychart.line();

​

  // create the first series with mapped data

  maleMartians = chart.line(data_maleMartians);

  maleMartians.name("Male Martians");

  maleMartians.color("#398CEA");   

​

  // create the second series with mapped data

  femaleMartians = chart.line(data_femaleMartians);

  femaleMartians.name("Female Martians");

  femaleMartians.color("#E93F39"); 

​

  // get statistical data (the average of all the y-values on the data plot)

  totalAverage = chart.getStat("dataPlotYAverage");

​

  // set the title of the chart

  chart.title("The Average Height of Martians from 1800 to 2000 Is " + totalAverage);

  // set the title of the y-axis

  chart.yAxis().title("Average Height (cm)");

​

  // turn the legend on

  chart.legend(true);

​

  // set the container id for the chart

  chart.container("container");

​

  // initiate drawing the chart

  chart.draw();

});