New to Telerik UI for Blazor? Start a free 30-day trial

ChartSeriesMarkers

Class

Configures visual markers that highlight individual data points in line and area chart series. Creates distinctive symbols at each data point for enhanced visibility and interaction. Essential for line charts where precise data point identification is important for analysis. Controls marker shape, size, color, and border styling for optimal data point representation. Children: ChartSeriesMarkersBorder.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class ChartSeriesMarkers : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseDataVizChildComponentChartSeriesMarkers

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members DataVizChildComponent.Dispose()DataVizChildComponent.Dispose(bool)ComponentBase.OnInitializedAsync()ComponentBase.OnParametersSetAsync()ComponentBase.StateHasChanged()ComponentBase.ShouldRender()ComponentBase.OnAfterRenderAsync(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)ComponentBase.SetParametersAsync(ParameterView)...

Constructors

ChartSeriesMarkers()

public ChartSeriesMarkers()

Methods

BuildRenderTree(RenderTreeBuilder)

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnAfterRender(bool)

protected override void OnAfterRender(bool firstRender)

Parameters:firstRenderbool

Overrides: ComponentBase.OnAfterRender(bool)

OnInitialized()

protected override void OnInitialized()

Overrides: DataVizChildComponent.OnInitialized()

OnParametersSet()

protected override void OnParametersSet()

Overrides: ComponentBase.OnParametersSet()

Serialize()

Dictionary<string, object>

public Dictionary<string, object> Serialize()

Returns:

Dictionary<string, object>

Properties

Background

string

Sets the background color for series data point markers using any valid CSS color value. Accepts hex codes (#FF4081), RGB values (rgb(255, 64, 129)), named colors (pink, red), or HSL values. Marker colors typically match or complement series colors to maintain visual consistency and data identification.

[Parameter]
public string Background { get; set; }

BorderRadius

double?

Sets the border radius for markers in pixels when using rounded rectangle marker types. Values like 2-5 pixels create subtle rounded corners, while larger values produce more pronounced rounding effects. Defaults to 1/5 of the marker size for optimal proportions.

[Parameter]
public double? BorderRadius { get; set; }

ChildContent

RenderFragment

[Parameter]
public RenderFragment ChildContent { get; set; }

Rotation

double?

Sets the rotation angle for markers in degrees. Use values like 45, 90, or custom angles to create distinctive marker orientations. Rotation can help differentiate series or create unique visual effects, especially useful with directional marker shapes like triangles or arrows.

[Parameter]
public double? Rotation { get; set; }

Size

double?

Specifies the size of data point markers in pixels. Use 4-8 pixels for standard visibility, 10-15 pixels for emphasis, or smaller sizes for dense data sets. Marker size should be appropriate for chart scale and data point density to maintain readability.

[Parameter]
public double? Size { get; set; }

Type

ChartSeriesMarkersType?

Determines the shape of data point markers using ChartSeriesMarkersType values. Choose from circle, square, triangle, diamond, cross, and other shapes to create distinctive series identification and enhance visual variety in multi-series charts.

[Parameter]
public ChartSeriesMarkersType? Type { get; set; }

Visible

bool?

Controls the visibility of data point markers on the series. Set to true to show markers at each data point, false to hide them for cleaner line appearance, or leave null for default behavior. Markers help identify individual data points but may clutter dense visualizations.

[Parameter]
public bool? Visible { get; set; }

ZIndex

double?

Specifies the stacking order (Z-index) for markers to control layering when multiple series overlap. Higher values appear in front of lower values. Use when markers from different series overlap and you need to control which series appears on top.

[Parameter]
public double? ZIndex { get; set; }