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

ChartRangeAreaMarkersBuilder

Methods

From(System.Boolean)

Sets the from marker visibility

Parameters

visible - System.Boolean

Boolean parameter to configure the visibility

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                          .RangeArea(m => m.WiFiFrom, m => m.WiFiTo)
                          .Markers(markers => markers.From(true))
                       )
            )

From(System.Action)

Configures the from marker

Parameters

configurator - System.Action<ChartMarkersBuilder>

The from marker configuration

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                          .RangeArea(m => m.WiFiFrom, m => m.WiFiTo)
                          .Markers(markers => markers.From(f => f.Visible(true)))
                       )
            )

To(System.Boolean)

Sets the to marker visibility

Parameters

visible - System.Boolean

Boolean parameter to configure the visibility

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                          .RangeArea(m => m.WiFiFrom, m => m.WiFiTo)
                          .Markers(markers => markers.To(true))
                       )
            )

To(System.Action)

Configures the to marker

Parameters

configurator - System.Action<ChartMarkersBuilder>

The to marker configuration

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                          .RangeArea(m => m.WiFiFrom, m => m.WiFiTo)
                          .Markers(markers => markers.To(f => f.Visible(true)))
                       )
            )

Type(Kendo.Mvc.UI.ChartMarkerShape)

Sets the markers shape type.

Parameters

type - ChartMarkerShape

The markers shape type.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                          .Line(s => s.Sales)
                          .Markers(markers => markers
                              .Type(ChartMarkerShape.Triangle)
                          )
                       )
            )

Size(System.Int32)

Sets the markers size.

Parameters

size - System.Int32

The markers size.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                          .Line(s => s.Sales)
                          .Markers(markers => markers
                              .Size(10)
                          )
                       )
            )

Visible(System.Boolean)

Sets the markers visibility

Parameters

visible - System.Boolean

The markers visibility.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                          .Line(s => s.Sales)
                          .Markers(markers => markers
                              .Visible(true)
                          )
                      )
            )

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

Sets the markers border

Parameters

width - System.Int32

The markers border width.

color - System.String

The markers border color (CSS syntax).

dashType - ChartDashType

The markers border dash type.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                           .Line(s => s.Sales)
                           .Markers(markers => markers
                               .Border(1, "Red", ChartDashType.Dot)
                           )
                      )
            )

Border(System.Action)

Configures the markers border

Parameters

configurator - System.Action<ChartBorderBuilder>

The border configuration action

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                           .Line(s => s.Sales)
                           .Markers(markers => markers
                               .Border(border => border.Width(2))
                           )
                      )
            )

BorderRadius(System.Double)

The border radius in pixels when type is set to "roundedRect". Defaults to 1/5 of the marker size.

Parameters

value - System.Double

The value for BorderRadius

Background(System.String)

The background color of the current series markers.

Parameters

backgorund - System.String

The background color of the current series markers. The background color is series color.

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series
                           .Line(s => s.Sales)
                           .Markers(markers => markers
                               .Background("Red");
                           )
                        )
            )

BackgroundHandler(System.Func)

Sets the function used to retrieve marker background.

Parameters

backgroundFunction - System.Func<Object,Object>

The JavaScript function that will be executed to retrieve the background of each marker.

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series
                           .Line(s => s.Sales)
                           .Markers(m =>
                                m.BackgroundHandler(
                                    @<text>
                                    function(point) {
                                        return point.value > 5 ? "red" : "green";
                                    }
                                    </text>
                               )
                           )
                        )
            )

BackgroundHandler(System.String)

Sets the function used to retrieve marker background.

Parameters

backgroundFunction - System.String

The JavaScript function that will be executed to retrieve the background of each marker.

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series
                           .Line(s => s.Sales)
                           .Markers(m => m.BackgroundHandler("backgroundFn"))
                        )
            )

Rotation(System.Int32)

Sets the markers rotation angle.

Parameters

rotation - System.Int32

The markers rotation angle.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                          .Line(s => s.Sales)
                          .Markers(markers => markers
                              .Type(ChartMarkerShape.Triangle)
                              .Rotation(10)
                          )
                       )
            )

Visual(System.String)

Sets the marker JavaScript visual handler

Parameters

handler - System.String

The handler name.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                           .Line(s => s.Sales)
                           .Markers(markers => markers
                               .Visual("markerVisual")
                           )
                      )
            )

Visual(System.Func)

Sets the marker visual handler

Parameters

handler - System.Func<Object,Object>

The visual handler

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series
                           .Line(s => s.Sales)
                           .Markers(markers => markers
                               .Visual(
                                    @<text>
                                        function(e) {
                                            return e.createVisual(); // returns the default visual
                                        }
                                    </text>
                                )
                           )
                      )
            )

ZIndex(System.Double)

An optional Z-index that can be used to change the default stacking order of the markers.

Parameters

value - System.Double

The value for ZIndex

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(s => s.Line(l => l.Sales).Markers(m => m.ZIndex(200)))
            )

ZIndexHandler(System.String)

An optional Z-index that can be used to change the default stacking order of the markers.

Parameters

handler - System.String

The name of the JavaScript function that will be evaluated.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(s => s.Line(l => l.Sales).Markers(m => m.ZIndexHandler("zIndexHandler")))
            )

ZIndexHandler(System.Func)

An optional Z-index that can be used to change the default stacking order of the markers.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(s => s.Line(l => l.Sales).Markers(m => m.ZIndexHandler(        
                           @<text>
                           function(e) {
                               //event handling code
                           }
                           </text>))))

In this article
Not finding the help you need?