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.scatter();
3
chart.defaultSeriesType('line');
4
chart.data([
5
[1, 0, 15],
6
[2, 20, 20],
7
[3, 10, 25],
8
[4, 30, 30],
9
[5, 20, 35],
10
[6, 40, 40],
11
[7, 30, 45],
12
[8, 50, 50],
13
[9, 40, 55]
14
]);
15
16
// Set interactivity settings.
17
chart.interactivity({hoverMode: 'by-x'});
18
19
chart.title('Set chart interactivity');
20
chart.xGrid(true).yGrid(true);
21
chart.yScale().maximum(60);
22
chart.container('container');
23
chart.draw();
24
});