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

  // set the gauge type

  var gauge = anychart.gauges.circular();

​

  // gauge settings

  gauge.data(dataSet);

  gauge.padding("10%");

  gauge.startAngle(0);

  gauge.sweepAngle(360);

 // gauge.position("outside");

  //gauge.background("Turquoise");

  gauge.fill(["#5D6D7E"]);

  gauge

    .axis()

    .labels()

    //.padding(13)

    .position('outside')

    .format('{%Value}\u00B0');

  gauge.background("#1B2631");

  // Get background.

    var background = gauge.background();

​

    background.stroke('2 rgb(33,102,177)');

    background.corners(50);

  // axis settings

  var axis = gauge.axis();

  axis.radius(95);

  axis.width(1);

    //axis.position("outside");

  axis.fill("#1F2631");

  // scale settings

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

  scale.minimum(0);

  scale.maximum(360);

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

  ticks.interval(10);

   axis.labels()

.fontSize("12px")

.fontColor("white");

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

  minorTicks.interval(1);

​

  // ticks settings

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

  axisTicks.enabled(true);

  axisTicks.type("line");

  axisTicks.length(6);

  //axisTicks.color. "#1B2631";

​

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

  axisMinorTicks.enabled(true);

  axisMinorTicks.length(2);

  axisMinorTicks.position("inside")

  /*var bar = gauge.bar();

  bar.width(60);

  bar.axisIndex(30);

  bar.dataIndex(30);

  bar.position("outside");

  bar.radius(50);*/

    /*var labels = gauge.label();

    labels.enabled(true);

    labels.position("center-top");

    labels.anchor("left");

    labels.offsetY(-10);

    labels.rotation(-90); */

  // draw the chart

  gauge.container("container");

  gauge.draw();

});