Class SunburstTooltipBorder
Configures the border settings for the Sunburst chart tooltip.
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.Charts.dll
Syntax
public class SunburstTooltipBorder : ComponentBase, IComponent, IHandleEvent, IHandleAfterRender
Remarks
The SunburstTooltipBorder component provides options for customizing the appearance of the tooltip border, including its color and width.
Use this component to visually separate the tooltip from the surrounding chart content and improve tooltip visibility.
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipBorder Color="White" Width="1" />
</SunburstTooltipSettings>
</SfSunburstChart>
Constructors
SunburstTooltipBorder()
Declaration
public SunburstTooltipBorder()
Properties
Color
Gets or sets the color of the tooltip border.
Declaration
[Parameter]
public string Color { get; set; }
Property Value
| Type | Description |
|---|---|
| string | A string that specifies the color of the tooltip border.
The default value is |
Remarks
This property controls the color of the border displayed around the tooltip.
The color can be specified using standard CSS color formats, such as named colors, hexadecimal values, RGB values, and RGBA values.
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipBorder Color="#808080" />
</SunburstTooltipSettings>
</SfSunburstChart>
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipBorder Color="red" />
</SunburstTooltipSettings>
</SfSunburstChart>
Width
Gets or sets the width of the tooltip border.
Declaration
[Parameter]
public double Width { get; set; }
Property Value
| Type | Description |
|---|---|
| double | A double value that specifies the width of the tooltip border,
in pixels. The default value is |
Remarks
This property controls the thickness of the border displayed around the tooltip.
Set the value to 0 to hide the tooltip border. Increasing the value
makes the border thicker and more prominent.
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipBorder Width="2" />
</SunburstTooltipSettings>
</SfSunburstChart>