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 bullet chart
4
var chart = anychart.bullet([{value: 225}]);
5
6
// Set chart ranges
7
chart.range().from(0).to(100);
8
chart.range(1).from(100).to(150);
9
chart.range(2).from(150).to(200);
10
chart.range(3).from(200).to(250);
11
chart.range(4).from(250).to(300);
12
13
// Set chart size and position settings
14
chart.bounds(0, 0, "100%", 125);
15
16
// Set title
17
chart.title("Ranges");
18
19
// Set chart container
20
chart.container("container");
21
// Initiate chart drawing
22
chart.draw();
23
});