Wijmo UI for the Web
Markup And Scripting
Wijmo User Guide > Widgets > LinearGauge > Markup And Scripting

The HTML markup for a wijlineargauge widget looks like this.

Markup
Copy Code
<div id="gauge"></div>

You can use CSS styles to set the size of the widget.

Style
Copy Code
<style type="text/css">
    #gauge.wijlineargauge
        {
            width: 400;
        }
</style>

You can initialize the widget with the following jQuery script.

Drop down to view script

Script
Copy Code
<script id="scriptInit" type="text/javascript">
   $(document).ready(function () {
       $("#gauge").wijlineargauge({ 
           width: 400, 
           height: 100, 
           value: 50, 
           max: 100, 
           min: 0
       });
   });   
</script>

The markup and script featured here results in the following live widget. Mouse over LinearGauge to see the animation.

See Also

Reference