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
4
var data = anychart.data.set([
5
["A", 637166],
6
["B", 721630],
7
["C", 148662],
8
["D", 78662],
9
["E", 90000]
10
]);
11
12
// set data and chart type
13
var chart = anychart.column(data);
14
15
// title settings
16
chart.title("Extra Axes Simple Sample");
17
18
// adjusting xAxis title
19
var xAxisTitle = chart.xAxis().title();
20
xAxisTitle.text("Sample X axis name");
21
22
// adjusting yAxes titles
23
var yAxis1 = chart.yAxis(1);
24
yAxis1.orientation("right");
25
yAxis1.title("First additional axis");
26
var yAxis2 = chart.yAxis(2);
27
yAxis2.orientation("right");
28
yAxis2.title("Second additional axis");
29
var yAxis3 = chart.yAxis(3);
30
yAxis3.orientation("right");
31
yAxis3.title("Third additional axis");
32
33
// adjusting major ticks' interval
34
var ticks = chart.yScale().ticks();
35
ticks.interval(100000);
36
37
// draw
38
chart.container("container");
39
chart.draw();
40
});