Class AccumulationChartCenterLabelFont

Provides options to customize the font style and appearance of the center label in the SfAccumulationChart.

Inheritance

System.Object

AccumulationChartCenterLabelFont

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class AccumulationChartCenterLabelFont : OwningComponentBase

Remarks

The AccumulationChartCenterLabel is a child component of the SfAccumulationChart. It is used to render and customize the center label for pie and donut charts within the SfAccumulationChart.

Constructors

AccumulationChartCenterLabelFont()

Declaration

public AccumulationChartCenterLabelFont()

Properties

Color

Gets or sets the font color of the center label text.

Declaration

public string Color { get; set; }

Property Value

Type	Description
System.String	A System.String value that defines the color of the center label text. The default font color is determined by the chart's theme. By default, the theme is set to Material with a font color of rgba(97, 97, 97, 1).

Remarks

Use valid hex or rgba CSS color values for the color property.

Examples

<SfAccumulationChart>
    <AccumulationChartCenterLabel Text="Label">
        <AccumulationChartCenterLabelFont Color="green">
        </AccumulationChartCenterLabelFont>
    </AccumulationChartCenterLabel>
</SfAccumulationChart>

FontFamily

Gets or sets the font family of the center label text.

Declaration

public string FontFamily { get; set; }

Property Value

Type	Description
System.String	A System.String value that specifies the font family for the center label. The default font family is determined by the chart's theme. By default, the theme is set to Material with the font family Roboto.

Remarks

This property allows you to specify the desired font family for the center label, ensuring consistent styling of text across the application.

Examples

<SfAccumulationChart>
    <AccumulationChartCenterLabel Text="Label">
        <AccumulationChartCenterLabelFont FontFamily="Arial">
        </AccumulationChartCenterLabelFont>
    </AccumulationChartCenterLabel>
</SfAccumulationChart>

FontStyle

Gets or sets the font style of the center label text.

Declaration

public string FontStyle { get; set; }

Property Value

Type	Description
System.String	A System.String value that defines the font style. The default value is normal.

Remarks

This property allows you to apply styles such as Italic or Oblique to the text, affecting its emphasis and legibility.

Examples

<SfAccumulationChart>
    <AccumulationChartCenterLabel Text="Label">
        <AccumulationChartCenterLabelFont FontStyle="italic">
        </AccumulationChartCenterLabelFont>
    </AccumulationChartCenterLabel>
</SfAccumulationChart>

FontWeight

Gets or sets the font weight of the center label text.

Declaration

public string FontWeight { get; set; }

Property Value

Type	Description
System.String	A System.String value that defines the font weight. Example values: `"Normal"`, `"Bold"`, `"600"`. The default value is 600.

Remarks

This property allows you to specify the thickness or boldness of the font used for rendering the center label.
Common values include "Normal", "Bold", "Bolder", "Lighter", or numeric values such as 100, 200, ..., 900.

Examples

<SfAccumulationChart>
    <AccumulationChartCenterLabel Text="Label">
        <AccumulationChartCenterLabelFont FontWeight="bold">
        </AccumulationChartCenterLabelFont>
    </AccumulationChartCenterLabel>
</SfAccumulationChart>

Size

Gets or sets the size of the center label text.

Declaration

public string Size { get; set; }

Property Value

Type	Description
System.String	A System.String value that defines the font size of the center label. The value can be specified in valid CSS units (e.g., `14px`, `1rem`, `large`). The default value is `16px`.

Remarks

This property controls the font size of the center label, allowing you to customize its appearance.

Examples

<SfAccumulationChart>
    <AccumulationChartCenterLabel Text="Label">
        <AccumulationChartCenterLabelFont Size="14px">
        </AccumulationChartCenterLabelFont>
    </AccumulationChartCenterLabel>
</SfAccumulationChart>