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
[10, 10],
6
[20, 50],
7
[30, 75],
8
[40, 100],
9
[50, 125],
10
[60, 150],
11
[70, 175],
12
[80, 200],
13
[10, 200],
14
[20, 200],
15
[30, 220]
16
]);
17
18
// chart type
19
var chart = anychart.polar();
20
21
// chart title
22
chart.title("Polar Chart with Logarithmic Scale");
23
24
// create logarithmic scale
25
var logScale = anychart.scales.log();
26
// set minimum value for the scale
27
logScale.minimum(10);
28
// set logarithmic scale as y scale for the chart
29
chart.yScale(logScale);
30
31
// x scale settings
32
var xScale = chart.xScale();
33
xScale.maximum(80);
34
var xTicks = chart.xScale().ticks();
35
xTicks.interval(10);
36
37
// set data and adjust visualisation
38
var series = chart.line(dataSet);
39
series.closed(false);
40
41
chart.legend(false);
42
43
// draw chart
44
chart.container("container");
45
chart.draw();
46
});