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 data = anychart.data.set([
3
['A1', 100, 200, 150, 115],
4
['A2', 115, 101, 175, 230],
5
['A3', 70, 60, 125, 100],
6
['A4', 156, 98, 150, 180],
7
['A5', 213, 150, 160, 210],
8
['A6', 173, 205, 150, 140],
9
['A7', 70, 190, 140, 60]
10
]);
11
12
var chart = anychart.scatter();
13
14
// Create data mapping
15
var mapping = anychart.data.buildMapping(data, 1, 3, ['x', 'value', 'size']);
16
17
chart.bubble(mapping);
18
chart.title('Create data mapping');
19
chart.container('container');
20
chart.draw();
21
});