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
// create data
4
var data = [
5
{x: "A", high: 4, low: 3},
6
{x: "B", high: 2, low: 1},
7
{x: "C", high: 8, low: 4},
8
{x: "D", high: 5, low: 3},
9
{x: "E", high: 3, low: 1},
10
{x: "F", high: 9, low: 7}
11
];
12
13
// create a chart
14
var chart = anychart.polar();
15
16
// create a range column series and set the data
17
var series = chart.rangeColumn(data);
18
19
// set the type of the x-scale
20
chart.xScale("ordinal");
21
22
// enable sorting points by x
23
chart.sortPointsByX(true);
24
25
// set the inner radius
26
chart.innerRadius(50);
27
28
// set the chart title
29
chart.title("Polar Range Column Chart");
30
31
// set the container id
32
chart.container("container");
33
34
// initiate drawing the chart
35
chart.draw();
36
});