HTMLcopy
1
<div id="container"></div>
CSScopy
8
1
html,
2
body,
3
#container {
4
width: 100%;
5
height: 100%;
6
margin: 0;
7
padding: 0;
8
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
// create data set on our data
3
var chartData = {
4
title: 'Region Sales by Year (2007-2011) (Stacked)',
5
header: ['#', 'Arizona', 'Florida', 'Nevada'],
6
rows: [
7
['2007', 1368763, 1991297, 431097],
8
['2008', 799873, 1254823, 561983],
9
['2009', 1497653, 1732987, 1019874],
10
['2010', 1351874, 332871, 2027634],
11
['2011', 1582987, 649853, 1961085]
12
]
13
};
14
15
// create radar chart
16
var chart = anychart.radar();
17
18
// set default series type
19
chart.defaultSeriesType('area');
20
21
// set chart data
22
chart.data(chartData);
23
24
// force chart to stack values by Y scale.
25
chart.yScale().stackMode('value');
26
27
// set yAxis settings
28
chart.yAxis().stroke('#545f69');
29
chart.yAxis().ticks().stroke('#545f69');
30
31
// set yAxis labels settings
32
chart
33
.yAxis()
34
.labels()
35
.fontColor('#545f69')
36
.format('{%Value}{scale:(1000000)|(M)}');
37
38
// set chart legend settings
39
chart.legend().align('center').position('center-bottom').enabled(true);
40
41
// set container id for the chart
42
chart.container('container');
43
// initiate chart drawing
44
chart.draw();
45
});