Class ChartStriplineTextStyle

Specifies the configuration of text style for the stripline text.

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

Constructors

ChartStriplineTextStyle()

Declaration
public ChartStriplineTextStyle()

Properties

Color

Gets or sets the font color for the stripline text.

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

A string representing the font color for the stripline 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(158, 158, 158, 1).
Overrides
Remarks

Use valid hex or rgba CSS color strings for the color value.

Examples
// This example demonstrates how to customize the text color of a stripline label on the primary Y-axis of a Chart.
<SfChart>
    <ChartPrimaryYAxis>
        <ChartStriplines>
            <ChartStripline Start="18" End="25" Text="Strip-Line">
                <ChartStriplineTextStyle Color="blue" />
            </ChartStripline>
        </ChartStriplines>
    </ChartPrimaryYAxis>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" />
    </ChartSeriesCollection>
</SfChart>

FontFamily

Gets or sets the font family for the stripline text.

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

A string representing the font family for the stripline text. The default font family is determined by the chart's theme. By default, the theme is set to Material with a font family of Roboto.
Overrides
Remarks

Changing the font family can help in achieving a specific visual style or maintain consistency with other interface elements.

Examples
// This example demonstrates how to customize the font family of a stripline label on the primary Y-axis of a Chart.
<SfChart>
    <ChartPrimaryYAxis>
        <ChartStriplines>
            <ChartStripline Start="18" End="25" Text="Strip-Line">
                <ChartStriplineTextStyle FontFamily="italic" />
            </ChartStripline>
        </ChartStriplines>
    </ChartPrimaryYAxis>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" />
    </ChartSeriesCollection>
</SfChart>

FontWeight

Gets or sets the font weight for the stripline text.

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

A string representing the font weight for the stripline text. The default font weight is determined by the chart's theme. By default, the theme is set to Material with a font weight of 400.
Overrides
Remarks

Adjusting the font weight can help emphasize or de-emphasize the strip line text by making it bolder or lighter.

Examples
// This example demonstrates how to customize the font weight of a stripline label on the primary Y-axis of a Chart.
<SfChart>
    <ChartPrimaryYAxis>
        <ChartStriplines>
            <ChartStripline Start="18" End="25" Text="Strip-Line">
                <ChartStriplineTextStyle FontWeight="700" />
            </ChartStripline>
        </ChartStriplines>
    </ChartPrimaryYAxis>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" />
    </ChartSeriesCollection>
</SfChart>

Size

Gets or sets the font size for the stripline text.

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

A string representing the font size for the stripline text. The default font size for the stripline text is 12px.
Overrides
Remarks

The font size can be adjusted to ensure that the strip line text is readable and fits well within the visual design of the chart.

Examples
// This example demonstrates how to customize the text size of a stripline label on the primary Y-axis of a Chart.
<SfChart>
    <ChartPrimaryYAxis>
        <ChartStriplines>
            <ChartStripline Start="18" End="25" Text="Strip-Line">
                <ChartStriplineTextStyle Size="16px"></ChartStriplineTextStyle>
            </ChartStripline>
        </ChartStriplines>
    </ChartPrimaryYAxis>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" />
    </ChartSeriesCollection>
</SfChart>

Implements