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(11, 7, 8).stroke('#ffffff');
6
7
var chart = anychart.gauges.circular([10]);
8
chart.marker({radius: 90});
9
10
var axis = chart.axis();
11
12
var ticksSettings = axis.ticks();
13
ticksSettings.length(8);
14
15
// Set hatch fill.
16
ticksSettings.hatchFill(pattern);
17
18
chart.title('Set ticks hatch fill as a pattern');
19
chart.container(stage);
20
chart.draw();
21
});