ClassChartSeriesMarkers
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:
Inherited Members
Constructors
ChartSeriesMarkers()
Declaration
public ChartSeriesMarkers()
Properties
Background
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.
Declaration
[Parameter]
public string Background { get; set; }
Property Value
BorderRadius
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.
Declaration
[Parameter]
public double? BorderRadius { get; set; }
Property Value
ChildContent
Declaration
[Parameter]
public RenderFragment ChildContent { get; set; }
Property Value
Rotation
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.
Declaration
[Parameter]
public double? Rotation { get; set; }
Property Value
Size
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.
Type
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.
Declaration
[Parameter]
public ChartSeriesMarkersType? Type { get; set; }
Property Value
Visible
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.
ZIndex
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.
Declaration
[Parameter]
public double? ZIndex { get; set; }
Property Value
Methods
BuildRenderTree(RenderTreeBuilder)
Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
__builder
Overrides
OnAfterRender(bool)
Declaration
protected override void OnAfterRender(bool firstRender)
Parameters
firstRender
Overrides
OnInitialized()
Declaration
protected override void OnInitialized()
Overrides
OnParametersSet()
Declaration
protected override void OnParametersSet()
Overrides
Serialize()
Declaration
public Dictionary<string, object> Serialize()
Returns