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');
3
4
var pattern = stage.pattern(new anychart.graphics.math.Rect(0, 0, 20, 20));
5
pattern.star5(10, 10, 8).stroke('#78909C');
6
7
var chart = anychart.gauges.linear([15, 20, 25, 30, 44]);
8
9
var tankPointer = chart.tank(3);
10
11
var state = tankPointer.normal();
12
13
// Set hatch fill for the empty part of a tank.
14
state.emptyHatchFill(pattern);
15
16
chart.width(600).height(400);
17
18
chart.container(stage);
19
chart.draw();
20
});