[Solved] Manipulating Individual Ticks

[Brendan]

Hello, 

I'm wondering if the gauges for HTML support the manipulation of individual ticks on the gauge. For example, if i wanted to have a range from 90 to 100 but only wanted ticks at 90, 100, 92, and 96 without any other ticks. Is this possible?

Thanks

[Tsvetina]

Hi Brendan,

Instead of ticks visibility, you can provide conditional labels visibility (all ticks are together either visible, or not visible). This can be achieved using a template for the label. In it, we check whether the current value is among the wanted ones and if so, show it:

<div data-win-control="Telerik.UI.RadRadialGauge" data-win-options="{
    min: 90,
    max: 100,
    majorUnit: 2,
    value: 95,
    labels: {
        template: '#=[90,92,96,100].indexOf(value)!=-1 ? value: ""#'
    },
    majorTicks: {
        visible: false
    },
    minorTicks: {
        visible: false
    }
}">
</div>

I hope this helps.

Kind regards,
Tsvetina
the Telerik team