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
// setting first series of data
4
var data = [
5
["A", 637166],
6
["B", 721630],
7
["C", 148662],
8
["D", 78662],
9
["E", 90000]
10
];
11
12
var chart = anychart.column();
13
14
chart.data(data);
15
// setting title
16
chart.title("Extra Axes Simple Sample");
17
18
var yScale = chart.yScale();
19
yScale.minimum(0);
20
yScale.maximum(800000);
21
yScale.ticks().interval(100000);
22
yScale.minorTicks().interval(20000);
23
24
// setting for y axis title
25
chart.yAxis().title("Basic Y-Axis");
26
27
// adding extra Y scale
28
var extraYScale = anychart.scales.linear();
29
extraYScale.minimum(800000);
30
extraYScale.maximum(1600000);
31
extraYScale.ticks().interval(100000);
32
extraYScale.minorTicks().interval(20000);
33
34
// adding and adjust extra Y axis
35
var extraYAxis = chart.yAxis(1);
36
extraYAxis.orientation("right");
37
extraYAxis.scale(extraYScale);
38
extraYAxis.title("Extra Y-Axis");
39
40
chart.container("container");
41
chart.draw();
42
});