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([{value: 20}, {value: 10}]);
3
chart.axis();
4
5
// Set needle pointer by index.
6
chart.needle(0, {fill: '#FF8A65', stroke: '#BF360C', size: 8});
7
8
// Set needle pointer by index.
9
chart.needle(1, {fill: '#4DB6AC', stroke: '#004D40', size: 8});
10
11
chart.title('Set needle pointer settings as an object by indexes');
12
chart.container('container');
13
chart.draw();
14
});