html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create data set on our data

  var chartData = {

    title: 'Bruxelas Belgian Blonde',

    rows: [

      ['Dulzor  ', 13.5, ],

      ['Terroso', 7, ],

      ['Cuerpo', 9.5, ],

      ['Frutado', 6, ],

      ['Herbal', 4, ],

      ['Amargor', 5, ],

      ['Especiado', 11, ],

      ['Maltosidad', 12, ],

      ['Cítrico', 9,],

    ]

  };

​

  // create radar chart

  var chart = anychart.radar();

​

  // set default series type

  chart.defaultSeriesType('area');

​

  // set chart data

  chart.data(chartData);

​

  // set chart yScale settings

  chart.yScale().minimum(0).maximumGap(0).ticks({ interval: 5 });

​

  // set axes labels settings

  chart.xAxis().labels().padding(5);

​

  // set chart legend settings

  chart.legend().align('center').enabled(true);

​

  // set tooltip format

  chart.tooltip().format('Temperature: {%Value}\xb0');

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});