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: 7.5}]);
3
chart.axis();
4
chart.needle();
5
6
// Set image fill.
7
chart.fill({
8
src: 'https://static.anychart.com/images/oceanic-airlines.png',
9
mode: 'fit',
10
opacity: 0.07
11
});
12
13
chart.title('Set chart fill as an image');
14
chart.container('container');
15
chart.draw();
16
});