New to Kendo UI for jQuery? Start a free 30-day trial

Pointer.cap

configuration

The cap configuration options.

pointer.cap

Object

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    pointer: [{
        value: 60,
        cap: {
            color: "#ff0000",
            size: 0.8
        }
    }]
});
</script>

pointer.cap.color

String

The color of the cap. Any valid CSS color string will work here, including hex and rgb.

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    pointer: [{
        value: 75,
        cap: {
            color: "#00aa00"
        }
    }]
});
</script>

pointer.cap.size

Number

The size of the cap in percents. (from 0 to 1)

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    pointer: [{
        value: 50,
        cap: {
            color: "#0066cc",
            size: 0.6
        }
    }]
});
</script>