html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [18];

    // set the gauge type

    var linear = anychart.gauges.linear();

    // set the layout

    linear.layout("horizontal");

​

    // set data for the gauge

    linear.data(data);

    // create a color scale

    var scaleBarColorScale = anychart.scales.ordinalColor().ranges(

    [

      {

        from: -2,

        to: 0,

        color: ['grey 0.9']

      },

      {

        from: 0,

        to: 10,

        color: ['green 0.9']

      },

      {

        from: 10,

        to: 20,

        color: ['yellow 0.9']

      },

      {

        from: 20,

        to: 27,

        color: ['red 0.9']

      },

      {

        from: 27,

        to: 30,

        color: ['darkRed 0.9']

      }

    ]

  );

    // create a Scale Bar

    var scaleBar = linear.scaleBar(0);

​

    // use the color scale (defined earlier) as the color scale of the Scale Bar

    scaleBar.colorScale(scaleBarColorScale);

    // set the width of the Scale Bar

    scaleBar.width('5%');

    // add andconfigure the marker

    var marker = linear.marker(0);

    marker.color('black');

    marker.zIndex(1);

    marker.type('triangle-down');

    marker.offset("-5%")

    // Get labels.

   var labels = marker.labels();

   labels.enabled(true);

   labels.fontColor('#black');

   labels.offsetY("-10%");

   labels.useHtml(true);

   labels.format(function(){return `<b>${this.value}</b> <br> symbol/sec`})

    //add and configure the scale

    var scale = linear.scale();

    scale.minimum(-2);

    scale.maximum(30);

    scale.ticks().interval(2);

    // configure the secounds axis

    var axis = linear.axis(0);

    axis.minorTicks(false)

    axis.offset('5%');

    axis.orientation('bottom');

    axis.labels('bottom');

​

    // set the container id

    linear.container("container");

​

    // initiate drawing the gauge

    linear.draw();

    // initialize typing speed test

    speedTypingTest(linear);

​

});

​

​