Telerik Forums
UI for ASP.NET MVC Forum
8 answers
118 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?

 

 

Tsvetomir
Telerik team
 answered on 21 Aug 2020
3 answers
76 views
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
Silviya Stoyanova
Telerik team
 answered on 15 Jun 2020
3 answers
168 views
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
Tsvetomir
Telerik team
 answered on 14 Apr 2020
1 answer
70 views
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");
            }
        )
    )
)
Petur Subev
Telerik team
 answered on 23 May 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?