html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // data for chart

  var dataSet = anychart.data.set([

    ["Australia", 16, 25, 17],

    ["Cuba", 11, 11, 7],

    ["Russia", 32, 28, 28],

    ["France", 13, 14, 11],

    ["Germany", 13, 17, 26],

    ["Italy", 13, 13, 13],

    ["Netherlands", 12, 9, 4],

    ["UK", 11, 10, 7],

    ["USA", 40, 24, 7],

    ["Romania", 11, 6, 9]

  ]);

​

  // map data

  var gold = dataSet.mapAs({x: [0], value: [1]});

  var silver = dataSet.mapAs({x: [0], value: [2]});

  var bronze = dataSet.mapAs({x: [0], value: [3]});

​

  // chart type

  var chart = anychart.radar();

​

  // chart title

  chart.title("Olympic medals Sydney 2000 (most recent) by country");

​

  // set background

  var background = chart.background();

  background.enabled(true);

  background.fill("#EEEEEE");

​

  // disable minor ticks

  var yAxis = chart.yAxis();

  yAxis.enabled(true);

  yAxis.minorTicks(false);

​

  var xLabels = chart.xAxis().labels();

  xLabels.useHtml(true);

  // set labels content

  xLabels.format("<b>{%Value}</b>");

​

  // set series data

  seriesFormatter(gold, "gold", "Gold");

  seriesFormatter(silver, "silver", "Silver");

  seriesFormatter(bronze, "#cc8800", "Bronze");

​

  // grid settings

  chart.grid(0).evenFill("white").oddFill("white");

​

  // draw chart

  chart.container("container");

  chart.draw();

  function seriesFormatter(data, color, text) {

    var series = chart.line(data);

    series.stroke("3 "+color);

    series.hoverStroke("3 "+color);

    series.name(text);

    var tooltip = series.tooltip();

    tooltip.format("{%x}\n" + text + ": {%Value}");

    var tooltipBackground = series.tooltip().background();

    tooltipBackground.fill(color+" 0.7");

    tooltip.fontColor("#000");

    var tooltipTitle = series.tooltip().title();

    tooltipTitle.fontColor("#000");

  }

});