html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // chart type

  var chart = anychart.radar();

​

  // chart title

  chart.title("Radar Series Types");

​

  // background fill

  var background = chart.background();

  background.enabled(true);

  background.fill("#EEEEEE");

​

  // set data and adjust visual settings

  var area = chart.area([

    {x: "Product A", value: 722},

    {x: "Product B", value: 1431},

    {x: "Product C", value: 1624},

    {x: "Product D", value: 1243},

    {x: "Product E", value: 1813},

    {x: "Product F", value: 1321},

    {x: "Product G", value: 567},

    {x: "Product H", value: 1876},

    {x: "Product I", value: 1187}

  ]);

  area.name("Sales 2005");

​

  var line = chart.line([

    {x: "Product A", value: 1222},

    {x: "Product B", value: 2431},

    {x: "Product C", value: 3624},

    {x: "Product D", value: 5243},

    {x: "Product E", value: 6813},

    {x: "Product F", value: 5321},

    {x: "Product G", value: 1567},

    {x: "Product H", value: 3876},

    {x: "Product I", value: 2187}

  ]);

  line.name("Sales 2006");

​

  var marker = chart.marker([

    {x: "Product A", value: 1422},

    {x: "Product B", value: 2231},

    {x: "Product C", value: 3124},

    {x: "Product D", value: 5543},

    {x: "Product E", value: 6113},

    {x: "Product F", value: 5521},

    {x: "Product G", value: 567},

    {x: "Product H", value: 3176},

    {x: "Product I", value: 3187}

  ]);

  marker.name("Sales 2007");

​

  // grid settings

  var grid = chart.grid(0);

  grid.evenFill("white");

  grid.oddFill("white");

​

  // draw chart

  chart.container("container");

  chart.draw();

});