html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // create stage

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

​

  // data for chart

  var dataSet = anychart.data.set([

    ["Product A", 90],

    ["Product B", 65],

    ["Product C", 73],

    ["Product D", 88],

    ["Product E", 75],

    ["Product F", 100]

  ]);

​

  // chart type

  var chart1 = anychart.radar();

​

  // chart title

  chart1.title("Circular Grid Adjustment");

​

  // disable minor ticks

  var yAxis = chart1.yAxis();

  yAxis.enabled(true);

  yAxis.minorTicks(false);

​

  // set data and adjust visualisation

  var series1 = chart1.area(dataSet);

  series1.stroke("yellow");

  series1.fill("gold 0.8");

​

  var grid1_1 = chart1.grid(1);

  grid1_1.evenFill(null);

  grid1_1.oddFill(null);

  grid1_1.layout("radial");

  grid1_1.stroke("white");

​

  var grid1_2 = chart1.grid(0);

  grid1_2.evenFill("red 0.6");

  grid1_2.oddFill("darkred 0.6");

  grid1_2.layout("curcuit");

  grid1_2.stroke("white");

​

  // set chart size and position

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

​

  chart1.legend(false);

​

  // set container and draw chart

  chart1.container(stage);

  chart1.draw();

​

  // create second chart

  var chart2 = anychart.radar();

​

  // chart title

  chart2.title("Radial Grid Adjustment");

​

  // disable minor ticks

  var yAxis1 = chart2.yAxis();

  yAxis1.enabled(true);

  yAxis1.minorTicks(false);

​

  var grid2_1 = chart2.grid(0);

  grid2_1.evenFill("red 0.6");

  grid2_1.oddFill("darkred 0.6");

  grid2_1.layout("radial");

  grid2_1.stroke("white");

​

  var grid2_2 = chart2.grid(1);

  grid2_2.evenFill(null);

  grid2_2.oddFill(null);

  grid2_2.layout("curcuit");

  grid2_2.stroke("white");

​

  // set data and adjust visualisation

  var series2 = chart2.area(dataSet);

  series2.stroke("yellow");

  series2.fill("gold 0.8");

​

  // set chart size and position

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

​

  chart2.legend(false);

​

  // set container and draw chart

  chart2.container(stage);

  chart2.draw();

});