html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create a stage

    var stage = anychart.graphics.create("container");

​

    // create data

    var data = [

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

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

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

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

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

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

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

      {x: "H", value: 3876}

    ];

    // set the position and data for the first chart

    var radar1 = anychart.radar(data);

    radar1.title("Cell Color: Radial Grid");

    radar1.bounds(0, 0, "50%", "100%");

    // color the even-odd cells of the x-grid

    radar1.xGrid().palette(["gray 0.05", "gray 0.1"]);

​

    // set the chart container

    radar1.container(stage);

    // initiate drawing the chart

    radar1.draw();  

​

    // set the position and data for the second chart

    var radar2 = anychart.radar(data);

    radar2.title("Cell Color: Circular Grid");

    radar2.bounds("50%", 0, "50%", "100%");

    // color the even-odd cells of the y-grid 

    radar2.yGrid().palette(["gray 0.05", "gray 0.1"]);

    // set the chart container

    radar2.container(stage);

    // initiate drawing the chart

    radar2.draw(); 

});