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: 95});
4
5
var axis = chart.axis();
6
7
var ticksSettings = axis.ticks();
8
ticksSettings.length(4);
9
10
// Set fill.
11
ticksSettings.fill(["#00c3ff", "#ffff1c"], 90, true, 0.8);
12
13
chart.title("Set ticks fill as a linear gradient");
14
chart.container("container");
15
chart.draw();
16
});