html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

​

  // valori da modificare

  var titolo = 'RGT Anvergur';

  var anno = '2024';

  var data1 = [

    {x: 'Salute', value: 3.5},

    {x: 'Aria', value: 2.6},

    {x: 'Acqua', value: 3},

    {x: 'Suolo', value: 2.4},

    {x: 'Biodiversità', value: 5},

    {x: 'Energia', value: 3.3}

  ];

  ///////////////////////

​

  var chart = anychart.radar();

  chart.yAxis().enabled(false);

  chart.yAxis().ticks().enabled(false);

  chart.yAxis().labels().enabled(false);

  chart.yGrid().palette(["green 0.5", "yellow 0.5", "orange 0.5", "red 0.5"]);

  chart.yScale()

    .stackMode('stacked')

    .minimum(0)

    .maximum(5)

    .minorTicks([0,1,2,3,4,5])

    .ticks([0,1,2.5,4,5]);

​

  chart.line(data1).name(anno).markers(true).stroke('#000000', 2, '0');

​

  chart.title(titolo);

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

  chart.container('container');

  chart.draw();

});