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: 7}]);
5
6
// Create chart ranges
7
chart.range().from(0).to(5);
8
chart.range(1).from(5).to(10);
9
chart.range(2).from(10).to(15);
10
11
// Minimum and maximum scale settings
12
chart.scale().minimum(-5).maximum(20);
13
14
// Chart title
15
chart.title().text("Minimum and Maximum\nValue").hAlign("center");
16
17
// Set chart size and position settings
18
chart.bounds(0, 0, "100%", 125);
19
20
// Set chart container
21
chart.container("container");
22
23
// Initiate chart drawing
24
chart.draw();
25
26
});