html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // create data

  var data1 = [

    {x: 2000, value: 1100},

    {x: 2001, value: 800},

    {x: 2002, value: 1100},

    {x: 2003, value: 1500},

    {x: 2004, value: 921},

    {x: 2005, value: 1000},

    {x: 2006, value: 1400}

  ];

​

  var data2 = [

    {x: 2000, value: 900},

    {x: 2001, value: 950},

    {x: 2002, value: 800},

    {x: 2003, value: 1000},

    {x: 2004, value: 800},

    {x: 2005, value: 790},

    {x: 2006, value: 800}

  ];

​

  // create a chart

  var chart = anychart.cartesian();

​

  // set the interactivity mode

  chart.interactivity().hoverMode("by-x");

​

  // create series and set the data

  var series1 = chart.marker(data1);

  var series2 = chart.marker(data2);

​

  // set the type of markers

  series1.normal().type("star4");

  series1.hovered().type("star5");

  series1.selected().type("star6");

  series2.normal().type("star4");

  series2.hovered().type("star5");

  series2.selected().type("star6");

​

  // set the size of markers

  series1.normal().size(20);

  series2.normal().size(25);

  series1.hovered().size(25);

  series2.hovered().size(30);

  series1.selected().size(25);

  series2.selected().size(30);

  // set the chart title

  chart.title("Marker Chart: Type");

  // set the titles of the axes 

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

  chart.yAxis().title("Sales, $");

  // set the container id

  chart.container("container");

​

  // initiate drawing the chart

  chart.draw();

});