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 data
4
var data = [
5
{x: "A", value: 1222},
6
{x: "B", value: 2431},
7
{x: "C", value: 3624},
8
{x: "D", value: 5243},
9
{x: "E", value: 6813},
10
{x: "F", value: 5321},
11
{x: "G", value: 1567},
12
{x: "H", value: 3876}
13
];
14
15
// create a chart
16
var chart = anychart.radar();
17
18
// create a line series and set the data
19
var series = chart.line(data);
20
21
// configure the stroke of the y-grid
22
chart.xGrid().stroke({
23
color: "green",
24
thickness: 0.5,
25
opacity: 0.5,
26
dash: "10 5"
27
});
28
29
// configure the stroke of the x-grid
30
chart.yGrid().stroke({
31
color: "green",
32
thickness: 0.5,
33
opacity: 0.5
34
});
35
36
// set the chart title
37
chart.title("Radar Plot: Grid Stroke");
38
39
// set the container id
40
chart.container("container");
41
42
// initiate drawing the chart
43
chart.draw();
44
});