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 customScale = anychart.scales.linear();
5
6
var ticks = customScale.ticks();
7
ticks.interval(0.1);
8
9
var yAxis = chart.yAxis();
10
yAxis.minorLabels({rotation: 270});
11
yAxis.scale(customScale);
12
yAxis.staggerMode(true);
13
14
// Set stagger lines.
15
yAxis.staggerLines(3);
16
17
chart.line([
18
{x: 'January', value: 2},
19
{x: 'February', value: 8},
20
{x: 'March', value: 1},
21
{x: 'April', value: 7},
22
{x: 'May', value: 3},
23
{x: 'June', value: 9},
24
{x: 'July', value: 4},
25
{x: 'August', value: 6},
26
{x: 'September', value: 5}
27
]);
28
chart.title('Set stagger lines');
29
chart.container('container');
30
chart.draw();
31
});