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

ChartSeriesTooltip

Class

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:

public class ChartSeriesTooltip : ChartSeriesTooltipBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseDataVizChildComponentChartSeriesTooltipBaseChartSeriesTooltip

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members ChartSeriesTooltipBase.TemplateDataVizChildComponent.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

ChartSeriesTooltip()

public ChartSeriesTooltip()

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 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.

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

ChildContent

RenderFragment

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

Color

string

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.

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

Font

string

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.

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

Visible

bool?

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.

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