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
["Product A", 90, 32, 58],
6
["Product B", 65, 73, 42],
7
["Product C", 73, 23, 95],
8
["Product D", 88, 82, 41],
9
["Product E", 75, 30, 71],
10
["Product F", 100, 100, 80]
11
]);
12
13
// map data
14
var data1 = dataSet.mapAs({x: [0], value: [1]});
15
var data2 = dataSet.mapAs({x: [0], value: [2]});
16
var data3 = dataSet.mapAs({x: [0], value: [3]});
17
18
// chart type
19
var chart = anychart.radar();
20
21
// chart title
22
chart.title("Radar Chart with Value Stacked Mode");
23
24
// enables stacked mode
25
var yScale = chart.yScale();
26
yScale.stackMode("value");
27
28
// set data for series
29
var series1 = chart.area(data1);
30
series1.name("Year: 2005");
31
var series2 = chart.area(data2);
32
series2.name("Year: 2006");
33
var series3 = chart.area(data3);
34
series3.name("Year: 2007");
35
36
// draw chart
37
chart.container("container");
38
chart.draw();
39
});