html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // create a data set

  var data = anychart.data.set([

    ["A", 6],

    ["B", 6],

    ["C", 5],

    ["D", 7],

    ["E", 8],

    ["F", 6],

    ["G", 6],

    ["H", 6],

    ["I", 5],

 ]);

​

  // create a chart

  var chart = anychart.radar();

​

  // create area series, set the data

  var series = chart.line(data);

​

  // customize both grids

  chart.yGrid().stroke({

    color: "rgba(0, 0, 0, 255)",

    thickness: 1,

    opacity: 1,

  });

  chart.xGrid().stroke({

    color: "rgba(0, 0, 0, 255)",

    thickness: 1,

    opacity: 1

  });

​

  // add scale for Y grid

  chart.yScale()

    .minimum(0)

    .maximum(10)

    .ticks({

      'interval': 2

    });

​

  // add a chart title

  chart.title("Line and markers color differentiation");

  // enable markers on series

  series.markers(true);

  // change color for the line

  chart.palette(["Blue"]);

  // change color of the markers

  series.markers().fill("red");

​

  // set the container id

  chart.container("container");

​

  // initiate drawing the chart

  chart.draw();

});

​