html, body, #container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

​

  // our data from bulbapedia

  var data1 = [

    {x: "HP", value: 39},

    {x: "Attack", value: 52},

    {x: "Defense", value: 43},

    {x: "Special Attack", value: 60},

    {x: "Special Defense", value: 50},

    {x: "Speed", value: 65},

  ];

​

  var data2 = [

    {x: "HP", value: 45},

    {x: "Attack", value: 49},

    {x: "Defense", value: 49},

    {x: "Special Attack", value: 65},

    {x: "Special Defense", value: 65},

    {x: "Speed", value: 45},

  ];  

​

  var data3 = [

    {x: "HP", value: 44},

    {x: "Attack", value: 48},

    {x: "Defense", value: 65},

    {x: "Special Attack", value: 50},

    {x: "Special Defense", value: 64},

    {x: "Speed", value: 43},

  ];  

​

  // create radar chart

  var chart = anychart.radar();

  // set chart yScale settings

  chart.yScale()

    .minimum(35)

    .maximum(65)

    .ticks({'interval':5});

​

  // create first series

  chart.line(data1)

  // create second series

  chart.line(data2)

  // create third series

  chart.line(data3)

  // set chart title

  chart.title("Starter Pokemon Comparison Chart");

  // color alternating cells

  chart.yGrid().palette(["gray 0.1", "gray 0.2"]);

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

​

  });