cap Option

Sets the size, color, and other properties of the circle at the center of the gauge that anchors the pointer.

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    
    // Get value
    var returnsValue; // Type:  wijmo.gauge.radialgauge_cap
    returnsValue = $(".selector").wijradialgauge("option", "cap");
    
    // Set value
    var newValue; // Type:  wijmo.gauge.radialgauge_cap
    $(".selector").wijradialgauge("option", "cap", newValue);
        
});

var cap : radialgauge_cap;

Example

Javascript

// This example creates a rectangular cap that begins 10 pixels to the left of and 10 pixels above the origin, and is 20
// pixels wide by 20 pixels tall. The cap is filled with purple and has no outline (stroke).
$(document).ready(function () {
    $("#radialgauge1").wijradialgauge({
        value: 180,
        max: 200,
        min: 0,
        cap: {
            template: function (ui) {
                var origin = ui.origin;
                return ui.canvas.rect(origin.x -10, origin.y -10, 20, 20).attr({fill: "purple", stroke: "none"});
            }
        }
    });
});

Reference

options type
wijradialgauge jQuery Widget