wijlineargauge

The wijlineargauge widget delivers the exact graphical representation you need to display information. Choose from horizontal or vertical linear gauges. The wijlineargauge widget is created by the jquery.wijmo.wijlineargauge.js library.

The markup used to create a wijlineargauge widget resembles the following:

<div id="wijlineargauge" class="ui-corner-all"></div>

You can also add a little CSS styling to the gauge. This example specifies the width of the gauge:

<style type="text/css">
        #gauge.wijlineargauge
        {
            width: 400px;
        }
</style>
The following script initializes the wijlineargauge widget:
<script id="scriptInit" type="text/javascript">
   $(document).ready(function () {
       $("#wijlineargauge").wijlineargauge({ width: 400, height: 100, value: 50, max: 100, min: 0,  });
   });   
</script>

For more information about wijlineargauge, click one of the following external links to view our Wijmo wiki documentation: