What you have in the screenshot is not yet supported out-of-the box and thus we do not have any example code you can use to achieve it.
You could try some visual trickery with customizing axes to make it look like that even though you're not really using the Gauge as it was designed to be used (because you cannot use any of the Indicators
First, go here and learn how to style the Radial Gauge so that your ticks are like you want. Then next, you can try setting up two Radial Gauges:
1 - The bottom axis that has a tick at the locations you want with a gray color
2 - Then overlay another identical axis with a blue color for the ticks and set the StartAngle and EndAngle
, this axis will cover the underlying one and if you line it up right, it should look like your screenshot.
Just remember that this not
how the Gauge was designed to work so you'll need to calculate the angles from your values manually because you're not using any Indicators (which accept a Value).
Alternatively, you can have a solid BarIndicator to overlay the axis
, but it will not look like your screenshot because the bar will cover the ticks.
Lance | Tech Support Engineer, Sr.
Telerik by Progress
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Telerik Feedback Portal
and vote to affect the priority of the items