New to Telerik UI for ASP.NET MVC? Download free 30-day trial

LinearGaugePointerBuilder

Methods

Border(System.Action)

The border of the pointer.

Parameters

configurator - System.Action<LinearGaugePointerBorderSettingsBuilder>

The configurator for the border setting.

Example


            @( Html.Kendo().LinearGauge()
                .Name("gauge")
                .Pointers(pointer =>
                {
                    pointer.Add().Value(10).Border(b => b.Color("green"));
                })
            )

Border(System.Int32,System.String,Kendo.Mvc.UI.ChartDashType)

Sets the pointer border

Parameters

width - System.Int32

The pointer border width.

color - System.String

The pointer border color.

dashType - ChartDashType

The pointer dash type.

Example


            @( Html.Kendo().LinearGauge()
                      .Name("linearGauge")
                      .Pointer(pointer => pointer
                          .Border(1, "#000", ChartDashType.Dot)
                      )
                      .Render();
            )

Color(System.String)

The color of the pointer.

Parameters

value - System.String

The value for Color

Example


            @( Html.Kendo().LinearGauge()
                .Name("gauge")
                .Pointers(pointer =>
                {
                    pointer.Add().Value(10).Color("green");
                })
            )

Margin(System.Double)

The margin of the pointer.

Parameters

value - System.Double

The value for Margin

Example


            @( Html.Kendo().LinearGauge()
                .Name("gauge")
                .Pointers(pointer =>
                {
                    pointer.Add().Value(10).Margin(20);
                })
            )

Margin(System.Double,System.Double,System.Double,System.Double)

Sets the pointer margin.

Parameters

top - System.Double

The pointer top margin.

right - System.Double

The pointer right margin.

bottom - System.Double

The pointer bottom margin.

left - System.Double

The pointer left margin.

Example


            @( Html.Kendo().LinearGauge()
                      .Name("linearGauge")
                      .Pointer(pointer => pointer
                          .Margin(20, 20, 20, 20)
                      )
                      .Render();
            )

Opacity(System.Double)

The opacity of the pointer. Any valid CSS color string will work here, including hex and rgb.

Parameters

value - System.Double

The value for Opacity

Example


            @( Html.Kendo().LinearGauge()
                .Name("gauge")
                .Pointers(pointer =>
                {
                    pointer.Add().Value(10).Opacity(20);
                })
            )

Shape(Kendo.Mvc.UI.GaugeLinearPointerShape)

The shape of the pointer.

Parameters

value - GaugeLinearPointerShape

The value for Shape

Example


            @( Html.Kendo().LinearGauge()
                .Name("gauge")
                .Pointers(pointer =>
                {
                    pointer.Add().Value(10).Shape(GaugeLinearPointerShape.Arrow);
                })
            )

Size(System.Double)

The size of the pointer.

Parameters

value - System.Double

The value for Size

Example


            @( Html.Kendo().LinearGauge()
                .Name("gauge")
                .Pointers(pointer =>
                {
                    pointer.Add().Value(10).Size(20);
                })
            )

Track(System.Action)

The element arround/under the pointer. (available only for 'barIndicator' shape)

Parameters

configurator - System.Action<LinearGaugePointerTrackSettingsBuilder>

The configurator for the track setting.

Example


            @( Html.Kendo().LinearGauge()
                .Name("gauge")
                .Pointers(pointer =>
                {
                    pointer.Add().Value(10).Track(t => t.Opacity(20).Border(b => b.Color("green")));
                })
            )

Value(System.Double)

The value of the gauge.

Parameters

value - System.Double

The value for Value

Example


            @( Html.Kendo().LinearGauge()
                .Name("gauge")
                .Pointers(pointer =>
                {
                    pointer.Add().Value(10);
                })
            )

In this article
Not finding the help you need?