Class
ChartSeriesTooltip

Configures hover tooltips for individual chart series to display detailed data information when users interact with data points. Controls tooltip appearance, content, and visibility to enhance user experience and provide immediate access to precise data values without cluttering the chart visualization.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

cs-api-definition
public class ChartSeriesTooltip : ChartSeriesTooltipBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseDataVizChildComponentChartSeriesTooltipBaseChartSeriesTooltip

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members 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

ChartSeriesTooltip()

Declaration

cs-api-definition
public ChartSeriesTooltip()

Properties

Background

Sets the background color for series tooltips using any valid CSS color value. Accepts hex codes (#263238), RGB values (rgb(38, 50, 56)), named colors (darkgray, black), or HSL values. Use colors that provide good contrast with tooltip text and complement the overall chart theme.

Declaration

cs-api-definition
[Parameter]
public string Background { get; set; }

Property Value

string

ChildContent

Declaration

cs-api-definition
[Parameter]
public RenderFragment ChildContent { get; set; }

Property Value

RenderFragment

Color

Sets the text color for series tooltip content using any valid CSS color value. Accepts hex codes (#FFFFFF), RGB values (rgb(255, 255, 255)), named colors (white, black), or HSL values. Ensure sufficient contrast against the tooltip background for optimal readability.

Declaration

cs-api-definition
[Parameter]
public string Color { get; set; }

Property Value

string

Font

Defines the font styling for tooltip text using CSS font notation. Specify font size, family, and style like "12px Arial", "14px 'Segoe UI'", or "bold 13px sans-serif". Proper font selection ensures tooltip readability and consistency with chart styling.

Declaration

cs-api-definition
[Parameter]
public string Font { get; set; }

Property Value

string

Visible

Controls the visibility of series-specific tooltips. Set to true to enable hover tooltips showing data values, false to disable tooltips for this series, or leave null for default behavior. Tooltips enhance data exploration but can be disabled for cleaner presentations.

Declaration

cs-api-definition
[Parameter]
public bool? Visible { get; set; }

Property Value

bool?

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

cs-api-definition
protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder

RenderTreeBuilder

Overrides ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnAfterRender(bool)

Declaration

cs-api-definition
protected override void OnAfterRender(bool firstRender)

Parameters

firstRender

bool

Overrides ComponentBase.OnAfterRender(bool)

OnInitialized()

Declaration

cs-api-definition
protected override void OnInitialized()

Overrides DataVizChildComponent.OnInitialized()

OnParametersSet()

Declaration

cs-api-definition
protected override void OnParametersSet()

Overrides ComponentBase.OnParametersSet()

Serialize()

Declaration

cs-api-definition
public Dictionary<string, object> Serialize()

Returns

Dictionary<string, object>