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 chart = anychart.gauges.linear([15, 20, 25, 30, 44]);
3
4
var scaleBar = chart.scaleBar();
5
scaleBar.from(0);
6
scaleBar.to(1);
7
8
// Set fill.
9
scaleBar.fill('#F44336', 0.2);
10
11
chart.title('Set fill with opacity');
12
chart.axis({offset: '-11%'});
13
chart.scale({minimum:0});
14
chart.container('container');
15
chart.draw();
16
});