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

ChartMarkersBuilderBase<TBuilder>

Class

Defines the fluent interface for configuring the chart markers.

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Type Parameters:

TBuilder

Syntax:

public abstract class ChartMarkersBuilderBase<TBuilder> where TBuilder : ChartMarkersBuilderBase<TBuilder>

Inheritance: objectChartMarkersBuilderBase<TBuilder>

Derived Classes: ChartMarkersBuilderChartRangeAreaMarkersBuilder

Inherited Members object.GetType()object.MemberwiseClone()object.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()...

Constructors

ChartMarkersBuilderBase(ChartMarkers)

Initializes a new instance of the ChartMarkersBuilderBase<TBuilder> class.

protected ChartMarkersBuilderBase(ChartMarkers chartLineMarkers)

Parameters:chartLineMarkersChartMarkers

The line chart markers configuration.

Methods

Background(string)

The background color of the current series markers.

public TBuilder Background(string backgorund)

Parameters:backgorundstring

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

Returns:

TBuilder

Example:

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

BackgroundHandler(Func<object, object>)

Sets the function used to retrieve marker background.

public TBuilder BackgroundHandler(Func<object, object> backgroundFunction)

Parameters:backgroundFunctionFunc<object, object>

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

Returns:

TBuilder

Example:

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

BackgroundHandler(string)

Sets the function used to retrieve marker background.

public TBuilder BackgroundHandler(string backgroundFunction)

Parameters:backgroundFunctionstring

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

Returns:

TBuilder

Example:

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

Border(Action<ChartBorderBuilder>)

Configures the markers border

public TBuilder Border(Action<ChartBorderBuilder> configurator)

Parameters:configuratorAction<ChartBorderBuilder>

The border configuration action

Returns:

TBuilder

Example:

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

Border(int, string, ChartDashType)

Sets the markers border

public TBuilder Border(int width, string color, ChartDashType dashType)

Parameters:widthint

The markers border width.

colorstring

The markers border color (CSS syntax).

dashTypeChartDashType

The markers border dash type.

Returns:

TBuilder

Example:

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

BorderRadius(double)

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

public TBuilder BorderRadius(double value)

Parameters:valuedouble

The value for BorderRadius

Returns:

TBuilder

Rotation(int)

Sets the markers rotation angle.

public TBuilder Rotation(int rotation)

Parameters:rotationint

The markers rotation angle.

Returns:

TBuilder

Example:

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

Size(int)

Sets the markers size.

public TBuilder Size(int size)

Parameters:sizeint

The markers size.

Returns:

TBuilder

Example:

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

Type(ChartMarkerShape)

Sets the markers shape type.

public TBuilder Type(ChartMarkerShape type)

Parameters:typeChartMarkerShape

The markers shape type.

Returns:

TBuilder

Example:

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

Visible(bool)

Sets the markers visibility

public TBuilder Visible(bool visible)

Parameters:visiblebool

The markers visibility.

Returns:

TBuilder

Example:

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

Visual(Func<object, object>)

Sets the marker visual handler

public TBuilder Visual(Func<object, object> handler)

Parameters:handlerFunc<object, object>

The visual handler

Returns:

TBuilder

Example:

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

Visual(string)

Sets the marker JavaScript visual handler

public TBuilder Visual(string handler)

Parameters:handlerstring

The handler name.

Returns:

TBuilder

Example:

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

ZIndex(double)

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

public TBuilder ZIndex(double value)

Parameters:valuedouble

The value for ZIndex

Returns:

TBuilder

Example:

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

ZIndexHandler(Func<object, object>)

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

public TBuilder ZIndexHandler(Func<object, object> handler)

Parameters:handlerFunc<object, object>

The handler code wrapped in a text tag.

Returns:

TBuilder

Example:

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

ZIndexHandler(string)

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

public TBuilder ZIndexHandler(string handler)

Parameters:handlerstring

The name of the JavaScript function that will be evaluated.

Returns:

TBuilder

Example:

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