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 ranges colors
14
chart.rangePalette(["#ffa058", "#ffb082", "#ffc0a8", "#ffd0c2", "#ffe0e6"]);
15
16
// Set chart size and position settings
17
chart.bounds(0, 0, "100%", 125);
18
19
// Set title
20
chart.title().text("Colors");
21
22
// Set chart container
23
chart.container("container");
24
25
// Initiate chart drawing
26
chart.draw();
27
});