RadHorizontalLinearGauge how to add vertical dotted lines ?

[Devid]

How can I create a Gauge that looks like the one in the image attached ?

I am using RadHorizontalLinearGauge in Code Behind.

I want to know:

1. how can I have text/label above the needle indicator ? (pointer).
2. how can I create trend ? (dotted vertical line)
3. how can Iinsert a label/text inside the a range ("Schlecht" in the attached image) ?

 

 

 

[Devid]

No one ? I guess that I habe to do something with CustomItems

[Martin Ivanov]

Hello Devid,

Yes, this is the way to go. You can add the label above the marker, the labels inside the bars, and also the dotted lines, using the CustomItems collection of the scale. Maybe you already found this, but here is an article showing how to use the collection and position the custom elements. I hope this helps.

Regards,
Martin Ivanov
Progress Telerik

[Devid]

Can you provide a code behind example ? 

horizontalScale.CustomItems.Add(???);

 

[Devid]

Also how do I put labels inside the bars ?

[Martin Ivanov]

Hello Devid,

I've attached a small example showing the desired effect. Also, here is an example showing how to add elements in code-behind. 

var label = new TextBlock();
label.Text = "Gut";
label.FontSize = 18;
Panel.SetZIndex(label, 101);
ScaleObject.SetValue(label, 90);
ScaleObject.SetLocation(label, ScaleObjectLocation.OverCenter);

this.horizontalScale.CustomItems.Add(label);

I hope it helps.

Regards,
Martin Ivanov
Progress Telerik