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
});