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.line();
3
4
var scale = anychart.scales.linear();
5
scale.maximum(10);
6
scale.ticks({interval: 2});
7
8
var leftAxis = chart.yAxis(1);
9
leftAxis.scale(scale);
10
11
chart.yAxis(1, {orientation: 'right'});
12
13
chart.line([
14
{x: 'January', value: 2},
15
{x: 'February', value: 5},
16
{x: 'March', value: 1},
17
{x: 'April', value: 3}
18
]).name('Sales forecast');
19
20
21
var series = chart.line([
22
{x: 'January', value: 5},
23
{x: 'February', value: 2},
24
{x: 'March', value: 4},
25
{x: 'April', value: 1}
26
]).name('Real sales');
27
28
// Set Y scale.
29
series.yScale(scale);
30
31
chart.container('container');
32
chart.draw();
33
});