Class SunburstTooltipTextStyle
Configures the text style settings for Sunburst chart tooltips.
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.Charts.dll
Syntax
public class SunburstTooltipTextStyle : ComponentBase, IComponent, IHandleEvent, IHandleAfterRender
Remarks
The SunburstTooltipTextStyle component provides customization options for the appearance of tooltip text, including font size, font family, font style, font weight, color, and opacity.
Use this component to control the visual presentation of tooltip text and improve readability within the tooltip.
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipTextStyle FontSize="14px" FontWeight="Bold" Color="White" />
</SunburstTooltipSettings>
</SfSunburstChart>
Constructors
SunburstTooltipTextStyle()
Declaration
public SunburstTooltipTextStyle()
Properties
Color
Gets or sets the color of the tooltip text.
Declaration
[Parameter]
public string Color { get; set; }
Property Value
| Type | Description |
|---|---|
| string | A string that specifies the color of the tooltip text. The default value is determined by the active Theme. |
Remarks
This property controls the color of the tooltip text displayed in the Sunburst chart.
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">
<SunburstTooltipTextStyle Color="White" />
</SunburstTooltipSettings>
</SfSunburstChart>
FontFamily
Gets or sets the font family of the tooltip text.
Declaration
[Parameter]
public string FontFamily { get; set; }
Property Value
| Type | Description |
|---|---|
| string | A string that specifies the font family of the tooltip text. The default value is determined by the active Theme. |
Remarks
This property controls the font family used to render the tooltip text displayed in the Sunburst chart.
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipTextStyle FontFamily="Segoe UI" />
</SunburstTooltipSettings>
</SfSunburstChart>
FontSize
Gets or sets the font size of the tooltip text.
Declaration
[Parameter]
public string FontSize { get; set; }
Property Value
| Type | Description |
|---|---|
| string | A string that specifies the font size of the tooltip text. The default value is determined by the active Theme. |
Remarks
This property controls the size of the tooltip text displayed in the Sunburst chart.
The font size must be specified in pixels (for example, "14px").
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipTextStyle FontSize="14px" />
</SunburstTooltipSettings>
</SfSunburstChart>
FontStyle
Gets or sets the font style of the tooltip text.
Declaration
[Parameter]
public string FontStyle { get; set; }
Property Value
| Type | Description |
|---|---|
| string | A string that specifies the font style of the tooltip text. The default value is determined by the active Theme. |
Remarks
This property controls the style of the tooltip text displayed in the Sunburst chart.
Supported values include Normal, Italic, and
Oblique.
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipTextStyle FontStyle="Italic" />
</SunburstTooltipSettings>
</SfSunburstChart>
FontWeight
Gets or sets the font weight of the tooltip text.
Declaration
[Parameter]
public string FontWeight { get; set; }
Property Value
| Type | Description |
|---|---|
| string | A string that specifies the font weight of the tooltip text. The default value is determined by the active Theme. |
Remarks
This property controls the thickness of the tooltip text displayed in the Sunburst chart.
Common values include Normal, Bold, Bolder,
Lighter, and numeric values such as 400, 500,
and 700.
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipTextStyle FontWeight="Bold" />
</SunburstTooltipSettings>
</SfSunburstChart>
Opacity
Gets or sets the opacity of the tooltip text.
Declaration
[Parameter]
public double Opacity { get; set; }
Property Value
| Type | Description |
|---|---|
| double | A double value between |
Remarks
This property controls the transparency of the tooltip text displayed in the Sunburst chart.
A value of 0 makes the tooltip text completely transparent, while a
value of 1 makes it fully opaque. Values between 0 and
1 produce varying levels of transparency.
Examples
<SfSunburstChart>
<SunburstTooltipSettings Visible="true">
<SunburstTooltipTextStyle Opacity="0.5" />
</SunburstTooltipSettings>
</SfSunburstChart>