html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // data

  var dataSet = anychart.data.set([

    ["January", 10000, 12000, 15000],

    ["February", 12000, 12000, 14000],

    ["March", 18000, 15000, 15000],

    ["April", 11000, 10000, 19000],

    ["May", 9000, 13000, 19000]

  ]);

  // mapping the data

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

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

  var seriesData_3 = dataSet.mapAs({x: 0, value: 3});

​

  // chart type

  var chart = anychart.line();

  // title

  chart.title("Default Interactivity - Line Chart");

  // enable the legend

  chart.legend(true);

​

  // set axes titles

  chart.xAxis().title("Sales");

  chart.yAxis().title("Month");

​

  // set data

  var series_1 = chart.line(seriesData_1);

  var series_2 = chart.line(seriesData_2);

  var series_3 = chart.line(seriesData_3);

  // setting series names

  series_1.name("Tea");

  series_2.name("Coffee");

  series_3.name("Hot chocolate");

  // draw

  chart.container("container");

  chart.draw();

});