ChartSeriesLegendItemMarkersSettingsBuilder

Methods

Background(System.String)

The background color of the legend item markers.

Parameters

value - System.String

The value for Background

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.Background("lightgreen")));
                })
            )
             

BackgroundHandler(System.String)

The background color of the legend item markers.

Parameters

handler - System.String

The name of the JavaScript function that will be evaluated.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.BackgroundHandler("backgroundHandler")));
                })
            )
             

BackgroundHandler(System.Func)

The background color of the legend item markers.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.BackgroundHandler(@<text>
                       function() {
                          //code
                       }
                    </text>)));
                })
            )
             

Border(System.Action)

The border of the markers.

Parameters

configurator - System.Action<ChartSeriesLegendItemMarkersBorderSettingsBuilder>

The configurator for the border setting.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.Border(border => border.DashType(ChartDashType.LongDash))));
                })
            )
             

BorderRadius(System.Double)

The border radius in pixels when type is set to "roundedRect".

Parameters

value - System.Double

The value for BorderRadius

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.BorderRadius(10)));
                })
            )
             

Visible(System.Boolean)

If set to true the chart will display the legend item markers. Defaults to the series options.

Parameters

value - System.Boolean

The value for Visible

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.Visible(false)));
                })
            )
             

VisibleHandler(System.String)

If set to true the chart will display the legend item markers. Defaults to the series options.

Parameters

handler - System.String

The name of the JavaScript function that will be evaluated.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.VisibleHandler("visibleHandler")));
                })
            )
             

VisibleHandler(System.Func)

If set to true the chart will display the legend item markers. Defaults to the series options.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.VisibleHandler(@<text>
                       function() {
                          //code
                       }
                    </text>)));
                })
            )
             

Visual(System.String)

A function that can be used to create a custom visual for the markers. The available argument fields are: rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the marker options.; createVisual - a function that can be used to get the default visual.; category - the category of the marker point.; dataItem - the dataItem of the marker point.; value - the value of the marker point.; sender - the chart instance. or series - the series of the marker point..

Parameters

handler - System.String

The name of the JavaScript function that will be evaluated.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.Visual("visualHandler")));
                })
            )
             

Visual(System.Func)

A function that can be used to create a custom visual for the markers. The available argument fields are: rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the marker options.; createVisual - a function that can be used to get the default visual.; category - the category of the marker point.; dataItem - the dataItem of the marker point.; value - the value of the marker point.; sender - the chart instance. or series - the series of the marker point..

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.Visual(@<text>
                       function() {
                          //code
                       }
                    </text>)));
                })
            )
             

Type(Kendo.Mvc.UI.ChartMarkerShape)

The markers shape.

Parameters

value - ChartMarkerShape

The value for Type

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.Type(ChartMarkerShape.Rect)));
                })
            )
             

TypeHandler(System.String)

The markers shape.

Parameters

handler - System.String

The name of the JavaScript function that will be evaluated.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.TypeHandler("typeHandler")));
                })
            )
             

TypeHandler(System.Func)

The markers shape.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor
 
            @(Html.Kendo().Chart()
                .Name("chart")
                .Series(series =>
                {
                    series.Column(model => model.UnitPrice).Name("Unit Price").LegendItem(legendItem => legendItem.Markers(markers => markers.TypeHandler(@<text>
                       function() {
                          //code
                       }
                    </text>)));
                })
            )