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
3
// create data set on our data
4
var dataSet = anychart.data.set([50]);
5
6
// set the gauge type
7
var gauge = anychart.gauges.circular();
8
9
// gauge settings
10
gauge.data(dataSet);
11
gauge.padding("10%");
12
gauge.startAngle(270);
13
gauge.sweepAngle(180);
14
15
// axis settings
16
var axis = gauge.axis();
17
axis.radius(95)
18
axis.width(1);
19
20
// scale settings
21
axis.scale().minimum(0).maximum(120);
22
23
// draw the chart
24
gauge.container("container").draw();
25
});