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 data1 = [
3
{x: 20, value: 0},
4
{x: 20, value: 100}
5
];
6
7
var data2 = [
8
{x: 20, value: 100},
9
{x: 30, value: 60},
10
{x: 24, value: 60},
11
{x: 35, value: 20},
12
{x: 20, value: 20}
13
];
14
15
var data3 = [
16
{x: 20, value: 100},
17
{x: 10, value: 60},
18
{x: 16, value: 60},
19
{x: 5, value: 20},
20
{x: 20, value: 20}
21
];
22
23
var chart = anychart.scatter();
24
chart.defaultSeriesType('line');
25
26
// Adds series.
27
chart.addSeries(data1, data2, data3);
28
29
chart.title('Adds series to a chart');
30
chart.xGrid(true).yGrid(true);
31
chart.container('container');
32
chart.draw();
33
});