Class AccumulationChartSubTitleStyle

Gets or sets the configuration of the subtitle style in the Accumulation chart.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
ChartCommonFont
AccumulationChartSubTitleStyle
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class AccumulationChartSubTitleStyle : ChartCommonFont, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Constructors

AccumulationChartSubTitleStyle()

Declaration
public AccumulationChartSubTitleStyle()

Properties

FontFamily

Gets or sets the font family of the subtitle text in the Accumulation Chart.

Declaration
[Parameter]
public override string FontFamily { get; set; }
Property Value
Type Description
string

A string representing the font family of the subtitle text. The default font family is determined by the Accumulation Chart's theme. By default, the theme is set to Bootstrap4 with a subtitle font family of Helvetica.
Overrides
Remarks

This property accepts typical CSS font family names, allowing customization to match the desired text style.

Examples
// The following code demonstrates setting a custom font family for the subtitle text:
<SfAccumulationChart Title="Mobile Browser" SubTitle="Statistics">
    <AccumulationChartSubTitleStyle FontFamily="Arial" />
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

FontWeight

Gets or sets the font weight of the subtitle text in the Accumulation Chart.

Declaration
[Parameter]
public override string FontWeight { get; set; }
Property Value
Type Description
string

A string representing the font weight of the subtitle text. The default font weight is determined by the Accumulation Chart's theme. By default, the theme is set to Bootstrap4 with a 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:
<SfAccumulationChart Title="Mobile Browser" SubTitle="Statistics">
    <AccumulationChartSubTitleStyle FontWeight="bold" />
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Size

Gets or sets the font size of the subtitle text in the Accumulation Chart.

Declaration
[Parameter]
public override string Size { get; set; }
Property Value
Type Description
string

A string representing the font size of the subtitle text. The default size is determined by the Accumulation Chart's theme. By default, the theme is set to Bootstrap4 with a subtitle text size of 14px.
Overrides
Remarks

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:
<SfAccumulationChart Title="Mobile Browser" SubTitle="Statistics">
    <AccumulationChartSubTitleStyle Size="23px" />
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

TextAlignment

Gets or sets the text alignment of the subtitle.

Declaration
[Parameter]
public override Alignment TextAlignment { get; set; }
Property Value
Type Description
Alignment

One of the Alignment values that specifies the alignment of the text. Options include:

  • Near - Aligns the subtitle to the left end of the chart.
  • Far - Aligns the subtitle to the right end of the chart.
  • Center - Aligns the subtitle to the center of the chart.
The default value is Alignment.Center.
Overrides
Remarks

Text alignment adjusts the horizontal placement of text within its container, affecting its position relative to other content.

Examples
// The following code demonstrates setting the text alignment for the subtitle title:
<SfAccumulationChart Title="Mobile Browser" SubTitle="Statistics">
    <AccumulationChartSubTitleStyle TextAlignment="Alignment.Far" />
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Type Name Description
RenderTreeBuilder __builder
Overrides

Implements