html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  // create data set on our data

  var chartData = {

    header: ['#', 'Robert Lewandowski', 'Cristiano Ronaldo', 'Lionel Messi'],

    rows: [

      ['2017', 33, 19, 40],

      ['2018', 24, 36, 34],

      ['2019', 31, 17, 34],

      ['2020', 32, 33, 19],

      ['2021', 43, 25, 24]

    ]

  };

​

  // create radar chart

  var chart = anychart.radar();

  // set default series type

  chart.defaultSeriesType('area');

​

  // set chart data

  chart.data(chartData);

  // change the color palette

  chart.palette(['#E5593499', '#9BC53DE6', '#64B5F6BF']);

  // configure the appearance of the y-axis

  chart.yAxis().stroke('#545f69');

  chart.yAxis().ticks().stroke('#545f69');

  // configure the stroke of the x-grid

  chart.xGrid().stroke({

    color: "#545f69",

    thickness: 0.5,

    dash: "10 5"

  });

  // configure appearance of y-grid

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

  // make the ticks start from 0 and increase with interval of 10

  chart.yScale().minimum(0);

  chart.yScale().ticks().interval(10);

  // set the chart title

  chart.title("Total Goals by Top Scorers every year in the Top 5 Football Leagues.");

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});