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
var chart = anychart.polar();
3
4
chart.column([
5
{x: 'Cycling', value: 12},
6
{x: 'Swimming', value: 5},
7
{x: 'Run', value: 3},
8
{x: 'Hiking', value: 9},
9
{x: 'Alpinism', value: 4}
10
]);
11
12
var axis = chart.xAxis();
13
14
var labels = axis.labels();
15
16
// Set labels position.
17
labels.position('normal');
18
19
chart.xScale('ordinal').sortPointsByX(true);
20
chart.title('Set labels position');
21
chart.container('container');
22
chart.draw();
23
});