HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
3
// create a data set
4
var chartData = {
5
header: ['#', 'Robert Lewandowski', 'Cristiano Ronaldo', 'Lionel Messi'],
6
rows: [
7
['2017', 33, 19, 40],
8
['2018', 24, 36, 34],
9
['2019', 31, 17, 34],
10
['2020', 32, 33, 19],
11
['2021', 43, 25, 24],
12
['2022', 29, 11, 12]
13
]
14
};
15
16
// create a radar chart
17
var chart = anychart.radar();
18
19
// set the series type
20
chart.defaultSeriesType('area');
21
22
// set the chart data
23
chart.data(chartData);
24
25
// set the color palette
26
chart.palette(['#E5593499', '#9BC53DE6', '#64B5F6BF']);
27
28
// set the chart title
29
chart.title("Total Goals for Clubs");
30
31
// set the container id
32
chart.container('container');
33
34
// display the radar chart
35
chart.draw();
36
37
});