html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // create data

  var data = [

    ["January", 10000],

    ["February", 13000],

    ["March", 18000],

    ["April", 11000],

    ["May", 9000]

  ];

​

  // create a chart

  var chart = anychart.line();

​

  // create a line series and set the data

  var series = chart.line(data);

​

  // create marker series separately

  var markers = chart.marker(data);

  markers.size(15);

  markers.fill(function() {

    console.log(this);

    if (this.value < 12000)

      return 'red';

​

    return 'green';

  });

​

​

​

  // set the chart title

  chart.title("Line Chart: Basic Sample");

​

  // set the titles of the axes

  var xAxis = chart.xAxis();

  xAxis.title("Month");

  var yAxis = chart.yAxis();

  yAxis.title("Sales, $");

​

  // set the container id

  chart.container("container");

​

  // initiate drawing the chart

  chart.draw();

});