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 tankPointer = chart.tank(3);
5
6
var state = tankPointer.normal();
7
8
var customHatchFill = anychart.graphics.hatchFill('divot', '#424242', 0.5, 20);
9
10
// Set hatch fill for the empty part of a tank.
11
state.emptyHatchFill(customHatchFill);
12
13
chart.width(600).height(400);
14
15
chart.container('container');
16
chart.draw();
17
});