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: 0, value: 500},

      {x: 180, value: 200}

    ];

    // set the position and data for the first chart

    var polar1 = anychart.polar();

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

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

    // create a line series

    polar1.line(data);

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

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

​

    // set the maximum value of the x-scale

    polar1.xScale().maximum(360);

    // set the chart container

    polar1.container(stage);

    // initiate drawing the chart

    polar1.draw();  

​

    // set the position and data for the second chart

    var polar2 = anychart.polar();

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

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

    // create a line series

    polar2.line(data);

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

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

    // set the maximum value of the x-scale

    polar2.xScale().maximum(360);

    // set the chart container

    polar2.container(stage);

    // initiate drawing the chart

    polar2.draw();    

});