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