html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create data set on our data

  var dataSet = anychart.data.set([

    ['GDP', 1, 0.11982978723404256, 0.6180425531914894],

    [

      'GDP Real Growth Rate',

      0.3666666666666667,

      0.5583333333333333,

      0.7583333333333333

    ],

    [

      'Infant Mortality',

      0.06578947368421052,

      0.15576923076923077,

      0.24473684210526317

    ],

    [

      'Life Expectancy',

      0.9576093653727663,

      0.8268638324091188,

      0.8905730129390017

    ],

    ['Population', 0.22638827767366515, 0.10979008847837246, 1],

    ['Area', 0.5390698290165805, 1, 0.5487479259581779],

    [

      'Density',

      0.02995156531259858,

      0.00783120233080335,

      0.1299664111937944

    ],

    [

      'Population Growth Rate',

      0.3087248322147651,

      -0.12416107382550336,

      0.19463087248322147

    ]

  ]);

​

  // map data for the first series, take x from the zero column and value from the first column of data set

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

  // map data for the second series, take x from the zero column and value from the second column of data set

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

  // map data for the third series, take x from the zero column and value from the third column of data set

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

​

  // create radar chart

  var chart = anychart.radar();

​

  // set chart title text settings

  chart

    .title('Comparison Chart')

    // set chart legend

    .legend(true);

​

  // set chart padding settings

  chart.padding().bottom(70);

​

  // set chart yScale settings

  chart.yScale().minimum(-0.2).maximum(1).ticks({ interval: 0.2 });

​

  // create chart label with description

  chart

    .label()

    .text(

      'This chart compares countries by using specific indicators.\n' +

      'For each indicator, the value 1 is assigned to the country that has the highest value.\n' +

      'Other countries have their value computed as a proportion of the country with the highest value.'

    )

    .anchor('center-bottom')

    .position('center-bottom')

    .fontWeight('normal')

    .fontSize(11)

    .fontFamily('tahoma')

    .fontColor('rgb(35,35,35)')

    .offsetY(15);

​

  // create first series with mapped data

  chart.line(data1).name('USA').markers(true);

  // create second series with mapped data

  chart.line(data2).name('Russia').markers(true);

  // create third series with mapped data

  chart.line(data3).name('China').markers(true);

​

  // set tooltip format

  chart.tooltip().format('Value: {%Value}{decimalsCount: 2}');

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});