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
var stage = anychart.graphics.create("container", 600, 400);
3
4
var chart = anychart.gauges.linear([15, 20, 25, 30, 44]);
5
6
var scaleBar = chart.scaleBar();
7
scaleBar.from(0);
8
scaleBar.to(1);
9
scaleBar.fill("#4CAF50");
10
11
// Get scale bar fill.
12
var titleColor = scaleBar.fill();
13
14
chart.title({fontColor: titleColor, text: "Get and use scale bar fill"});
15
chart.axis({offset: "-11%"});
16
chart.scale().minimum(0);
17
chart.container(stage);
18
chart.draw();
19
});