Html Gauge

Set the pointer property of the jqxGauge. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id='jqxWidget'>
            <div id="jqxbargauge"></div>
        </div>

JavaScript

$(document).ready(function () {
    // Create jqxBarGauge widget.
    $('#jqxbargauge').jqxBarGauge({
       width: 500,
        height: 200,
        values: [2, 35, 28, 6],
        relativeInnerRadius: 0.01,
        barSpacing: 1,
        startAngle: 180,
        endAngle: 0,
        colorScheme: 'scheme02'
    });
});