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

Kendo.Mvc.UI.Fluent.ChartMarkersBuilderBase

Defines the fluent interface for configuring the chart markers.

Methods

Type(Kendo.Mvc.UI.ChartMarkerShape)

Sets the markers shape type.

Parameters

type Kendo.Mvc.UI.ChartMarkerShape

The markers shape type.

Example (ASPX)

@(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 (ASPX)

@(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 (ASPX)

@(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 Kendo.Mvc.UI.ChartDashType

The markers border dash type.

Example (ASPX)

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

Border(System.Action<Kendo.Mvc.UI.Fluent.ChartBorderBuilder>)

Configures the markers border

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartBorderBuilder>

The border configuration action

Example (ASPX)

@(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 (ASPX)

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

BackgroundHandler(System.Func<System.Object,System.Object>)

Sets the function used to retrieve marker background.

Parameters

backgroundFunction System.Func<System.Object,System.Object>

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

Example (ASPX)

@(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 (ASPX)

@(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 (ASPX)

@(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 (ASPX)

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

Visual(System.Func<System.Object,System.Object>)

Sets the marker visual handler

Parameters

handler System.Func<System.Object,System.Object>

The visual handler

Example (ASPX)

@(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

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.

ZIndexHandler(System.Func<System.Object,System.Object>)

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

Parameters

handler System.Func<System.Object,System.Object>

The handler code wrapped in a text tag.

In this article
Not finding the help you need?