html, body, #container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create a linear gauge

  var gauge = anychart.gauges.linear();

  // set the horizontal layout

  gauge.layout("horizontal");

  // add data

  gauge.data([18]);

  // configure the scale

  var scale = gauge.scale();

  scale.minimum(-2);

  scale.maximum(30);

  scale.ticks().interval(2);

  // configure the axis

  var axis = gauge.axis(0);

  axis.offset("5%");

  axis.orientation("bottom");

  // configure the scale bar

  var scaleBar = gauge.scaleBar(0);

  scaleBar.fill("lightBlue 0.9");

  scaleBar.width("5%");

  // configure the marker pointer

  var pointer = gauge.marker(0);

  pointer.color("black");

  pointer.zIndex(1);

  // set the container id

  gauge.container("container");

​

  // initiate the drawing of the linear gauge

  gauge.draw();

});