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
// The data used in this sample can be obtained from the CDN
3
// https://cdn.anychart.com/samples/polar-charts/single-series-polar-chart/data.csv
4
anychart.data.loadCsvFile(
5
'https://cdn.anychart.com/samples/polar-charts/single-series-polar-chart/data.csv',
6
function (data) {
7
// create polar chart
8
var chart = anychart.polar();
9
10
// create series line series
11
chart.line(data);
12
13
// set chart yScale settings
14
chart.yScale().stackMode('value');
15
chart.yScale().ticks().interval(0.3);
16
chart.startAngle(90);
17
18
// set chart xScale settings
19
chart.xScale().maximum(360);
20
chart.xScale().ticks().interval(30);
21
22
// set xAxis formatting settings
23
chart.xAxis().labels().format('{%Value}\xb0');
24
25
// enabled y-grid and create palette for grid rows
26
chart.yGrid().palette(['lightgray 0.3', 'white 0.9']);
27
28
// set container id for the chart
29
chart.container('container');
30
// initiate chart drawing
31
chart.draw();
32
}
33
);
34
});