Class ChartStriplineTooltipBorder

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

Inheritance
System.Object
SfBaseComponent
ChartSubComponent
ChartDefaultBorder
ChartStriplineTooltipBorder
Implements
System.IAsyncDisposable
Inherited Members
Namespace: Syncfusion.Blazor.Toolkit.Charts
Assembly: Syncfusion.Blazor.Toolkit.dll
Syntax
public class ChartStriplineTooltipBorder : ChartDefaultBorder, IAsyncDisposable, ISubcomponentTracker
Remarks

Use ChartStriplineTooltipBorder to configure the tooltip border appearance for a ChartStripline. When the width is 0 or the color is not specified, the tooltip may render without a visible border based on the active theme.

Examples

The following example demonstrates how to apply a custom border to a stripline tooltip.

 
@using Syncfusion.Blazor.Toolkit.Charts 

<SfChart> 
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Toolkit.ValueType.Category"> 
        <ChartStriplines> 
            <ChartStripline Start="20" End="25" Color="red"> 
                <ChartStriplineTooltip Enable="true"> 
                    <ChartStriplineTooltipBorder Width="2" Color="#D32F2F" /> 
                </ChartStriplineTooltip> 
            </ChartStripline> 
        </ChartStriplines> 
    </ChartPrimaryXAxis> 
</SfChart>

Constructors

ChartStriplineTooltipBorder()

Declaration
public ChartStriplineTooltipBorder()

Properties

Color

Gets or sets the border color for the stripline tooltip.

Declaration
public override string Color { get; set; }
Property Value
Type Description
System.String

A System.String representing the tooltip border color. The default value is string.Empty, which applies the active chart theme’s default border color.
Overrides
Remarks

Accepts valid CSS color values (hex, rgb/rgba, hsl/hsla, or named colors). Set this property along with a non-zero Width to render a visible border.

Examples
 
<SfChart> 
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Toolkit.ValueType.Category"> 
        <ChartStriplines> 
            <ChartStripline Start="20" End="25" Color="red"> 
                <ChartStriplineTooltip Enable="true"> 
                    <ChartStriplineTooltipBorder Width="1" Color="#D32F2F" /> 
                </ChartStriplineTooltip> 
            </ChartStripline> 
        </ChartStriplines> 
    </ChartPrimaryXAxis> 
</SfChart>

Width

Gets or sets the border width for the stripline tooltip.

Declaration
public override double Width { get; set; }
Property Value
Type Description
System.Double

A System.Double representing the width of the tooltip border, in pixels. The default value is 0.
Overrides
Remarks

Increase the value to emphasize the tooltip boundary. A value of 0 results in no visible border.

Examples
 
<SfChart> 
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Toolkit.ValueType.Category"> 
        <ChartStriplines> 
            <ChartStripline Start="20" End="25" Color="red"> 
                <ChartStriplineTooltip Enable="true"> 
                    <ChartStriplineTooltipBorder Width="1" /> 
                </ChartStriplineTooltip> 
            </ChartStripline> 
        </ChartStriplines> 
    </ChartPrimaryXAxis> 
</SfChart>

Implements

System.IAsyncDisposable