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
3
// create a categorized chart
4
var chart = anychart.cartesian();
5
6
// data
7
var data = [
8
["2000", 1100, 1],
9
["2001", 880, 2],
10
["2002", 1100, 5],
11
["2003", 1500, 3],
12
["2004", 921, 3],
13
["2005", 1000, 2],
14
["2006", 1400, 1]
15
];
16
17
// add a marker seris
18
chart.bubble(data);
19
20
// set chart title
21
chart.title("Bubble Chart: Basic Sample");
22
23
// set the titles of the axes
24
chart.xAxis().title("Year");
25
chart.yAxis().title("Sales, $");
26
27
// draw
28
chart.container("container");
29
chart.draw();
30
});