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