html,

body,

#container {

  width: 120%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // our data from bulbapedia

  var data1 = [

    {x: 'MTB WCL-IgG1 *', value: 3.5},

    {x: 'MTB WCL-IgG2 ', value: -0.64},

    {x: 'MTB WCL-IgG3 ', value: 0.57},

    {x: 'MTB WCL-IgG4 ', value: 0.06},

  ];

    var data2 = [

    {x: 'MTB WCL-IgG1 *', value: 0.22},

    {x: 'MTB WCL-IgG2 ', value:  0.23},

    {x: 'MTB WCL-IgG3 ', value:  0.22},

    {x: 'MTB WCL-IgG4 ', value:  0.33},

  ];

  var data3 = [

   {x: 'MTB WCL-IgG1 *', value: 0.1},

    {x: 'MTB WCL-IgG2 ', value: -0.16},

    {x: 'MTB WCL-IgG3 ', value: -0.13},

    {x: 'MTB WCL-IgG4 ', value: -0.08},

  ];

    var data4 = [

    {x: 'MTB WCL-IgG1 *', value: 0.1},

    {x: 'MTB WCL-IgG2 ', value:  0.1},

    {x: 'MTB WCL-IgG3 ', value:  0.1},

    {x: 'MTB WCL-IgG4 ', value:  0.1},

  ];

  // create radar chart

  var chart = anychart.radar();

​

 chart.yScale().minimum(-1);

chart.yScale().maximum(5);

​

​

  // 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 Wk8 ').markers(true).fill('red', 0.1).stroke('0.8 red');

  // create second series

  chart.area(data2).name('ID MTBVAC Wk20').markers(true).fill('orange', 0.3).stroke('orange');

// create second series

  chart.area(data3).name('ID BCG Wk8').markers(true).fill('green', 0.1).stroke('0.5 green');

  // create second series

  chart.area(data4).name('ID BCG Wk20').markers(true).fill('yellow', 0.3).stroke('yellow');

  // set chart title

  chart.title('MTB WCL-specific IgG subclass Fold Change post-vaccination')

    // set legend

    .legend(true);  

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});