ClassChartSeriesLabelsTo
Configures the display and styling of "to" value labels in range chart series such as range area, range bar, and range column charts. Controls the appearance of labels that display the ending/maximum values in data ranges, providing essential context for range-based data visualization and completing the range information display. Children: ChartSeriesLabelsToBorder, ChartSeriesLabelsToMargin, ChartSeriesLabelsToPadding.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class ChartSeriesLabelsTo : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Inheritance: objectComponentBaseDataVizChildComponentChartSeriesLabelsTo
Implements:
Inherited Members
Constructors
ChartSeriesLabelsTo()
Declaration
public ChartSeriesLabelsTo()
Properties
Background
Sets the background color for "to" value labels in range series using any valid CSS color value. Accepts hex codes (#FFF3E0), RGB values (rgb(255, 243, 224)), named colors (lightyellow, white), or HSL values. Use contrasting backgrounds to distinguish from/to labels and ensure readability in range visualizations.
Declaration
[Parameter]
public string Background { get; set; }
Property Value
ChildContent
Declaration
[Parameter]
public RenderFragment ChildContent { get; set; }
Property Value
Color
Sets the text color for "to" value labels in range series using any valid CSS color value. Accepts hex codes (#FF5722), RGB values (rgb(255, 87, 34)), named colors (orange, black), or HSL values. Choose colors that provide clear distinction between from/to labels and maintain readability.
Font
Defines the font styling for "to" value labels using CSS font notation. Specify font size, family, and style like "12px Arial", "14px 'Segoe UI'", or "bold 16px sans-serif". Consistent font styling ensures clear range value identification and visual hierarchy in range series.
Format
Specifies the display format for "to" value labels using Kendo format patterns. Use {0} for the to value, {0:N2} for two decimal places, {0:C} for currency formatting, or {0:P} for percentages. Proper formatting enhances data comprehension in range series visualizations.
Position
Determines the positioning strategy for "to" value labels relative to range data points using ChartSeriesLabelsPosition values. Choose appropriate positioning to avoid overlap with "from" labels and maintain clear range visualization in chart layouts.
Declaration
[Parameter]
public ChartSeriesLabelsPosition? Position { get; set; }
Property Value
Template
Defines a custom template for rendering "to" value labels with access to range data context. Use template syntax like "#= value.to #" for to values, "#= category #" for categories, or complex HTML with conditional logic for rich label presentations in range series.
Declaration
[Parameter]
public string Template { get; set; }
Property Value
Visible
Controls the visibility of "to" value labels in range series. Set to true to display to values, false to hide them, or leave null for default behavior. Visible to labels help users understand range ending points but may clutter dense visualizations.
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