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
// data for chart
4
var dataSet = anychart.data.set([
5
["New Zealand", 26],
6
["Australia", 24],
7
["France", 22],
8
["South Africa", 14],
9
["Samoa", 8]
10
]);
11
12
// chart type
13
var chart = anychart.radar();
14
15
// chart title
16
chart.title("Rugby World Cup Overall Record 1987-2003");
17
18
// disable minor ticks
19
var yAxis = chart.yAxis();
20
yAxis.enabled(true);
21
yAxis.minorTicks(false);
22
23
// fill set
24
var fillSettings = {
25
keys: [".35 white", ".9 gray"],
26
angle: -135,
27
mode: chart.bounds()
28
};
29
30
// apply fill set
31
var grid = chart.grid(0);
32
grid.oddFill(fillSettings);
33
grid.evenFill(fillSettings);
34
grid.stroke("black");
35
grid.layout("circuit");
36
37
var grid1 = chart.grid(1);
38
grid1.oddFill(null);
39
grid1.evenFill(null);
40
grid1.stroke("black");
41
42
// set data and adjust visualisation
43
var series = chart.line(dataSet);
44
series.markers(true);
45
series.name("Top 5 Country");
46
47
// draw chart
48
chart.container("container");
49
chart.draw();
50
});