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
var data1 = dataSet.mapAs({x: [0], value: [1]});
14
var data2 = dataSet.mapAs({x: [0], value: [2]});
15
var data3 = dataSet.mapAs({x: [0], value: [3]});
16
17
// chart type
18
var chart = anychart.radar();
19
20
// chart title
21
chart.title("Radar Chart with Percent Stacked Mode");
22
23
// enables stacked mode
24
var yScale = chart.yScale();
25
yScale.stackMode("percent");
26
27
// set data for series
28
var series1 = chart.area(data1);
29
series1.name("Year: 2005");
30
var series2 = chart.area(data2);
31
series2.name("Year: 2006");
32
var series3 = chart.area(data3);
33
series3.name("Year: 2007");
34
35
// draw chart
36
chart.container("container");
37
chart.draw();
38
});