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([60]);

  // set the gauge type

  var gauge = anychart.gauges.circular();

​

  // gauge settings

  gauge.data(dataSet);

  gauge.padding("10%");

  gauge.startAngle(0);

  gauge.sweepAngle(360);

​

  // axis settings

  var axis = gauge.axis();

  axis.radius(95);

  axis.width(1);

​

  // scale settings

  var scale = gauge.axis().scale();

  scale.minimum(0);

  scale.maximum(360);

  var ticks = gauge.axis().scale().ticks();

  ticks.interval(20);

  var minorTicks = gauge.axis().scale().minorTicks();

  minorTicks.interval(1);

​

  // ticks settings

  var axisTicks = gauge.axis().ticks();

  axisTicks.enabled(true);

  axisTicks.type("trapezium");

  axisTicks.length(8);

​

  // minor ticks settings

  var axisMinorTicks = gauge.axis().minorTicks();

  axisMinorTicks.enabled(true);

  axisMinorTicks.length(1);

  // knob

  var knob = gauge.knob(0);

  knob.verticesCount(15);

  knob.verticesCurvature(.5);

  knob.topRatio(0);

  knob.bottomRatio(.5);

  // draw the chart

  gauge.container("container");

  gauge.draw();

});