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 bar1 = chart.bar(2);
5
bar1.hatchFill('grid', '#BDBDBD', 1, 5);
6
7
// Get point hatch fill.
8
var hatchFill = bar1.hatchFill();
9
10
var bar2 = chart.bar(1);
11
bar2.hatchFill(hatchFill);
12
13
chart.width(600).height(400);
14
chart.title('Get and use hatch fill');
15
chart.container('container');
16
chart.draw();
17
});