Class ChartStriplineTooltipTextStyle

Provides options to customize the text style of the stripline tooltip in the SfChart component.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
ChartSubComponent
ChartDefaultFont
ChartStriplineTooltipTextStyle
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class ChartStriplineTooltipTextStyle : ChartDefaultFont, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Remarks

The ChartStriplineTooltipTextStyle class configures the font appearance for text displayed inside a ChartStripline tooltip. It inherits common font properties from ChartDefaultFont, such as size, family, weight, and color.

When not explicitly set, tooltip text style values fall back to the active chart theme defaults. Use this class within ChartStriplineTooltip to ensure tooltip text remains readable and visually consistent with your application’s design.

Examples
@using Syncfusion.Blazor.Charts 

<SfChart> 
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"> 
        <ChartStriplines> 
            <ChartStripline Start="20" End="25" Color="red"> 
                <ChartStriplineTooltip Enable="true"> 
                    <ChartStriplineTooltipTextStyle Size="14px" 
                                                    FontFamily="Roboto" 
                                                    FontWeight="600" 
                                                    Color="#FFFFFF" /> 
                </ChartStriplineTooltip> 
            </ChartStripline> 
        </ChartStriplines> 
    </ChartPrimaryXAxis> 
</SfChart>

Constructors

ChartStriplineTooltipTextStyle()

Declaration
public ChartStriplineTooltipTextStyle()

Properties

Color

Gets or sets the font color of the stripline tooltip text in the SfChart component.

Declaration
[Parameter]
public override string Color { get; set; }
Property Value
Type Description
string

A string specifying the text color. The default value is string.Empty.
Overrides
Remarks

Accepts valid CSS color values in hex, rgb/rgba, hsl/hsla, or named color formats. When empty, the active chart theme’s default text color is applied.

Examples
<SfChart> 
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"> 
        <ChartStriplines> 
            <ChartStripline Start="20" End="25" Color="red"> 
                <ChartStriplineTooltip Enable="true"> 
                    <ChartStriplineTooltipTextStyle Color="#EEEEEE" /> 
                </ChartStriplineTooltip> 
            </ChartStripline> 
        </ChartStriplines> 
    </ChartPrimaryXAxis> 
</SfChart>

FontFamily

Gets or sets the font family of the stripline tooltip text in the SfChart component.

Declaration
[Parameter]
public override string FontFamily { get; set; }
Property Value
Type Description
string

A string representing the font family. The default value is string.Empty.
Overrides
Remarks

Accepts any valid CSS font-family value, including comma-separated fallback lists. When empty, the active chart theme’s default font family is applied.

Examples
<SfChart> 
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"> 
        <ChartStriplines> 
            <ChartStripline Start="20" End="25" Color="red"> 
                <ChartStriplineTooltip Enable="true"> 
                    <ChartStriplineTooltipTextStyle FontFamily="Segoe UI" /> 
                </ChartStriplineTooltip> 
            </ChartStripline> 
        </ChartStriplines> 
    </ChartPrimaryXAxis> 
</SfChart>

FontWeight

Gets or sets the font weight of the stripline tooltip text in the SfChart component.

Declaration
[Parameter]
public override string FontWeight { get; set; }
Property Value
Type Description
string

A string representing the font weight (for example, "400", "600", or "bold"). The default value is string.Empty.
Overrides
Remarks

Accepts numeric weights and standard CSS keywords such as normal, bold, or bolder. When empty, the active chart theme’s default font weight is applied.

Examples
<SfChart> 
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"> 
        <ChartStriplines> 
            <ChartStripline Start="20" End="25" Color="red"> 
                <ChartStriplineTooltip Enable="true"> 
                    <ChartStriplineTooltipTextStyle FontWeight="bold" /> 
                </ChartStriplineTooltip> 
            </ChartStripline> 
        </ChartStriplines> 
    </ChartPrimaryXAxis> 
</SfChart>

Size

Gets or sets the font size of the stripline tooltip text in the SfChart component.

Declaration
[Parameter]
public override string Size { get; set; }
Property Value
Type Description
string

A string representing the font size (for example, "12px", "0.875rem"). The default value is string.Empty.
Overrides
Remarks

Accepts valid CSS length units such as px, em, or rem. When empty, the active chart theme’s default size is applied.

Examples
<SfChart> 
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"> 
        <ChartStriplines> 
            <ChartStripline Start="20" End="25" Color="red"> 
                <ChartStriplineTooltip Enable="true"> 
                    <ChartStriplineTooltipTextStyle Size="15px" /> 
                </ChartStriplineTooltip> 
            </ChartStripline> 
        </ChartStriplines> 
    </ChartPrimaryXAxis> 
</SfChart>

Methods

OnInitialized()

Declaration
protected override void OnInitialized()
Overrides

OnParametersSet()

Declaration
protected override void OnParametersSet()
Overrides
Syncfusion.Blazor.Charts.ChartSubComponent.OnParametersSet()

Implements