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.circular([10]);
3
chart.marker({radius: 90});
4
5
var axis = chart.axis();
6
7
var ticksSettings = axis.ticks();
8
ticksSettings.length(6);
9
ticksSettings.type('circle');
10
11
// Set fill.
12
ticksSettings.fill(['#FFFFFF', '#424242'], 0.5, 0.5, null, 0.9, 0.3, 0.81);
13
14
chart.title('Set ticks fill as a radial gradient');
15
chart.container('container');
16
chart.draw();
17
});