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))
        )
    )
)

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>
                )
            )
        )
    )
In this article
Not finding the help you need?