Class ChartSubTitleStyle

Provides options to customize the subtitle style of the chart.

Inheritance
System.Object
ChartSubComponent
ChartDefaultFont
ChartSubTitleStyle
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class ChartSubTitleStyle : ChartDefaultFont, ISubcomponentTracker, IChartDefaultFont

Constructors

ChartSubTitleStyle()

Declaration
public ChartSubTitleStyle()

Properties

AccessibilityDescription

Gets or sets the accessibility description for the chart subtitle.

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

Accepts a string that defines the accessibility description for the chart subtitle. The default value is an empty string.
Remarks

Use this property to provide an accessibility description for screen readers and other assistive technologies.

Examples
// The following code demonstrates setting an accessibility description for the subtitle text:
<SfChart Title="Sales Data" SubTitle="2023 Overview">
    <ChartSubTitleStyle AccessibilityDescription="This is the subtitle of the chart" />
</SfChart>

AccessibilityRole

Gets or sets the accessibility role for the chart subtitle.

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

Accepts a string that defines the accessibility role for the chart subtitle. The default value is null.
Remarks

Use this property to provide an accessibility role for the chart subtitle.

Examples
// The following code demonstrates setting an accessibility role for the subtitle text:
<SfChart Title="Sales Data" SubTitle="2023 Overview">
    <ChartSubTitleStyle AccessibilityRole="heading" />
</SfChart>

Focusable

Gets or sets the accessibility keyboard navigation focus option for the chart subtitle.

Declaration
public bool Focusable { get; set; }
Property Value
Type Description
System.Boolean

Accepts the boolean value to enable or disable the keyboard navigation for the chart subtitle. The default value is true.
Remarks

Use this property to toggle the keyboard navigation focus for the chart subtitle.

Examples
// The following code demonstrates setting the keyboard navigation focus for the chart subtitle:
<SfChart Title="Sales Data" SubTitle="2023 Overview">
    <ChartSubTitleStyle Focusable="false" />
</SfChart>

FontFamily

Gets or sets the font family of the chart subtitle.

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

A string representing the font family of the subtitle text. The default font family is determined by the SfChart theme. By default, the theme is set to Material with a subtitle font family of Roboto.
Overrides
Remarks

The font family accepts typical CSS font family syntax, allowing customization to match the desired text style.

Examples
// The following code demonstrates setting a custom font family for the subtitle text:
<SfChart Title="Sales Data" SubTitle="2023 Overview">
    <ChartSubTitleStyle FontFamily="italic" />
</SfChart>

FontWeight

Gets or sets the font weight of the chart subtitle.

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

A string representing the font weight of the subtitle text. The default font weight is determined by the SfChart theme. By default, the theme is set to Material with subtitle font weight of 400.
Overrides
Remarks

The font weight can be a number (100 to 900), or a keyword such as 'normal', 'bold', 'bolder', or 'lighter'.

Examples
// The following code demonstrates setting a custom font weight for the subtitle text:
<SfChart Title="Sales Data" SubTitle="2023 Overview">
    <ChartSubTitleStyle FontWeight="600" />
</SfChart>

Size

Gets or sets the font size of the chart subtitle.

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

A string representing the font size of the chart subtitle. he default size is determined by the SfChart theme. By default, the theme is set to Material with a subtitle text size of 14px.
Overrides
Remarks

Use the Size property to change the font size of subtitle text in the SfChart. This property accepts standard CSS font-size specifications, such as values in 'px'.

Examples
// The following code demonstrates setting a custom font size for the subtitle text:
<SfChart Title="Sales Data" SubTitle="2023 Overview">
    <ChartSubTitleStyle Size="16px" />
</SfChart>