html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

        // create data set on our data

    var dataSet = anychart.data.set([50]);

        // set the gauge type

    var gauge = anychart.gauges.circular();

​

        // gauge settings

    gauge.data(dataSet);

    gauge.padding("10%");

    gauge.startAngle(270);

    gauge.sweepAngle(180);

        // axis settings

    var axis = gauge.axis()

.radius(95)

.width(1);

​

        // scale settings

    axis.scale()

.minimum(0)

.maximum(120)

.ticks({interval: 10})

.minorTicks({interval: 1});

​

        // ticks settings

    axis.ticks()

.type("trapezium")

.length(8);

​

        // minor ticks settings

    axis.minorTicks()

.enabled(true)

.length("1");

​

        // draw the chart

    gauge.container("container").draw();

});