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
var players = {
3
pimoux: [
4
['Accuracy', 100],
5
['Tournaments', 90],
6
['Rice', 100],
7
['LN', 100],
8
['SV', 75],
9
],
10
Bumpinho: [
11
['Accuracy', 85],
12
['Tournaments', 80],
13
['Rice', 90],
14
['LN', 90],
15
['SV', 80],
16
],
17
Cunu: [
18
['Accuracy', 80],
19
['Tournaments', 60],
20
['Rice', 95],
21
['LN', 70],
22
['SV', 60],
23
],
24
PatouZ: [
25
['Accuracy', 100],
26
['Tournaments', 100],
27
['Rice', 80],
28
['LN', 85],
29
['SV', 100],
30
],
31
Auraah: [
32
['Accuracy', 75],
33
['Tournaments', 90],
34
['Rice', 85],
35
['LN', 95],
36
['SV', 30],
37
],
38
Elementaires: [
39
['Accuracy', 80],
40
['Tournaments', 80],
41
['Rice', 75],
42
['LN', 85],
43
['SV', 90],
44
],
45
ZayyKen: [
46
['Accuracy', 100],
47
['Tournaments', 90],
48
['Rice', 70],
49
['LN', 80],
50
['SV', 70],
51
],
52
Koiidex: [
53
['Accuracy', 65],
54
['Tournaments', 60],
55
['Rice', 60],
56
['LN', 95],
57
['SV', 60],
58
],
59
DragonSonic: [
60
['Accuracy', 75],
61
['Tournaments', 80],
62
['Rice', 75],
63
['LN', 70],
64
['SV', 10],
65
],
66
Ping36: [
67
['Accuracy', 70],
68
['Tournaments', 90],
69
['Rice', 60],
70
['LN', 70],
71
['SV', 60],
72
],
73
KH_Supernova: [
74
['Accuracy', 100],
75
['Tournaments', 30],
76
['Rice', 60],
77
['LN', 40],
78
['SV', 100],
79
],
80
quentin5110054: [
81
['Accuracy', 50],
82
['Tournaments', 10],
83
['Rice', 75],
84
['LN', 20],
85
['SV', 70],
86
],
87
Hazalax: [
88
['Accuracy', 60],
89
['Tournaments', 10],
90
['Rice', 90],
91
['LN', 20],
92
['SV', 10],
93
],
94
kaya: [
95
['Accuracy', 60],
96
['Tournaments', 10],
97
['Rice', 80],
98
['LN', 20],
99
['SV', 10],
100
]
101
};
102
103
// map data for the first series, take x from the zero column and value from the first column of data set
104
var dataItems = Object.values(players).map((x, i) => anychart.data.set(x).mapAs({ x: 0, value: 1 }));
105
106
// create radar chart
107
var chart = anychart.radar();
108
109
// set chart title text settings
110
chart.title('Top Mania 4K FR')
111
// set chart legend
112
.legend(true);
113
114
// set chart padding settings
115
chart.padding().bottom(70);
116
117
// set chart yScale settings
118
chart.yScale()
119
.minimum(0)
120
.maximum(100)
121
.ticks({'interval': 10});
122
123
// create first series with mapped data
124
Object.keys(players).forEach((player, i) => chart.line(dataItems[i]).name(player).markers(true));
125
126
// set tooltip format
127
chart.tooltip().format('{%Value}');
128
129
// set container id for the chart
130
chart.container('container');
131
// initiate chart drawing
132
chart.draw();
133
});