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

ChartSeriesLine

Class

Configures the visual styling and appearance of lines in line chart series, controlling how data points are connected and displayed. Manages line colors, thickness, opacity, and rendering styles to create clear data trends and professional chart presentations for time-series and continuous data visualization.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartSeriesLine

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

ChartSeriesLine()

public ChartSeriesLine()

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

ChildContent

RenderFragment

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

Color

string

Sets the color of the series line connecting data points using any valid CSS color value. Accepts hex codes (#007ACC), RGB values (rgb(0, 122, 204)), named colors (blue, green), or HSL values. Line color should provide clear visual distinction between multiple series and maintain readability against chart backgrounds.

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

Opacity

double?

Controls the transparency of the series line from 0.0 (completely transparent) to 1.0 (completely opaque). Use values like 0.7-0.9 for subtle transparency effects, or 1.0 for solid lines. Transparency can help when overlapping multiple series or creating layered visualizations.

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

Style

ChartSeriesLineStyle?

Determines the line rendering style using ChartSeriesLineStyle values to optimize performance and visual quality. Choose between different rendering approaches based on chart complexity, data volume, and performance requirements for optimal user experience.

[Parameter]
public ChartSeriesLineStyle? Style { get; set; }

Width

double?

Specifies the thickness of the series line in pixels. Use 1-2 pixels for subtle lines, 3-4 pixels for standard visibility, or 5+ pixels for emphasis. Line width affects chart readability and should be appropriate for the chart size and data density.

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