html,

body,

#container {

  width: 120%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // our data from bulbapedia

  var data1 = [

    {x: 'PPD-specific IgG', value: 2.726913064},

    {x: 'PPD-specific IgM', value: 0.840975676},

    {x: 'PPD-specific IgA', value: 1.841750787},

  ];

​

  var data2 = [

    {x: 'PPD-specific IgG', value: 0.934088131},

    {x: 'PPD-specific IgM', value: 0.354770258},

    {x: 'PPD-specific IgA', value: 0.267598541},

  ];

​

  var data3 = [

  ];

​

  // create radar chart

  var chart = anychart.radar();

​

  // set chart yScale settings

  chart.yScale()

    .minimum(0.01)

    .maximum(5)

    .ticks({'interval':1});

  // configure the appearance of the y-axis

chart.yAxis().stroke({

  color: "gray",

  thickness: 1,

  dash: "10 5"

});  

​

// configure the appearance of the X-axis

chart.xAxis().stroke({

  color: "#00cc99",

  thickness: 2,

});    

  // color alternating cells

  chart.yGrid().palette(['gray 0.01',0.01]);

​

  // create first series (line) and set the data

  chart.area(data1).name('ID MTBVAC').markers(true).fill('#E55934', 0.3).stroke('#E55934');

  // create second series

  chart.area(data2).name('ID BCG').markers(true).fill('#9BC53D', 0.3).stroke('#9BC53D');

​

  // set chart title

  chart.title('Fold Change WK20 post-vaccination')

    // set legend

    .legend(true);  

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});