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([

    ['Naive',

      0.3666666666666667,

      0.5583333333333333,

      0.7583333333333333],

    [

      'ID + IT BCG',

      0.9576093653727663,

      0.8268638324091188,

      0.8905730129390017],

    ['ID BCG', 0.7390698290165805, 1, 0.5487479259581779],

    ['IV BCG',

      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('Week 20 post')

    // 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(

      'Radar plot of the of humoral responses after BCG vaccination. Lines represent the Fold Change of Prevacc- 4 months after vaccination.'

    )

    .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('IgG').markers(true);

  // create second series with mapped data

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

  // create third series with mapped data

  chart.line(data3).name('IgM').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();

});