Questions on UI for ASP.NET MVC Forum

8 answers

187 views

In the Linear gauge you can add a pointer value (little red arrow in the example) that goes on the scale. Is this possible with the Radial gauge as well? So I could make a low, avg, and high point on radial gauge instead of using the linear gauge?

Gauge

answered on 21 Aug 2020

3 answers

117 views

Linear Gauge Bar Rounding

Hi,

I am new to Telerik, and I have a question on the Linear Gauge control. I was wondering if there is any way to add rounding to the bars (i.e. similar to css border-radius).

Currently I have the following:

@(Html.Kendo().LinearGauge()

.Name("DivTime")

.HtmlAttributes(new { title = "167" })

.Pointers(p =>

{

p.Add().Value(167).Color("#2A5E76").Size(20).Margin(0).Border(b => b.Opacity(100).Width(0));

p.Add().Value(100).Color("#C1D82F").Size(20).Margin(0).Border(b => b.Opacity(100).Width(0));

})

.Transitions(false)

.Scale(scale => scale

.Vertical(false)

.Labels(builder => builder.Visible(false))

.MajorTicks(builder => builder.Visible(false))

.MinorTicks(builder => builder.Visible(false))

.Line(builder => builder.Visible(false))

.MajorUnit(20)

.MinorUnit(2)

.Min(0)

.Max(167)

))

It would be nice to add rounding edges if this is possible (but It's not essential).

Thanks in advance

Sam

Gauge

answered on 15 Jun 2020

3 answers

266 views

Radial gauge angle & displaying issues

Hi,

I have 2 questions about the radial gauge :

1) center gauge area on pointer origin

If we take the example provided in the demonstration, and we change the angles from 90° to 270°, the gauge area is no longer centered relative to the container.
Is there a way for the center of the gauge to always be the origin of the pointer ?

2) 360° gauge angle

If we take the example provided in the demonstration, and we change the angles from 90° to 450°, the 0 and the 180 are displayed one on top of the other.
Is there a way to hide either end of the scale labels ?
This could be using for displaying a clock for example

Regards

Gauge

answered on 14 Apr 2020

1 answer

128 views

Unable to set height with server-side wrapper for RadialGauge

How can I set the height of a RadialGauge using the server-side wrapper if it's not exposed?

@(

Html.Kendo().RadialGauge()

.Name("patientDocumentMatchThresholdGauge")

.Pointer(pointer => pointer.Value((double)Model.PatientDocumentMatchThreshold * 100))

.Scale(scale => scale

.EndAngle(180)

.MajorUnit(10)

.Max(100)

.Min(0)

.MinorUnit(1)

.StartAngle(0)

.Ranges(ranges => {

ranges.Add().From(0).To(90).Color("#f00");

ranges.Add().From(90).To(95).Color("#ffa500");

ranges.Add().From(95).To(100).Color("#0c0");

}

)

Gauge

answered on 23 May 2013