Class ChartIndicatorPeriodLine

Provides the options to customize the period line of the indicator.

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

Constructors

ChartIndicatorPeriodLine()

Declaration
public ChartIndicatorPeriodLine()

Properties

Color

Gets or sets the color of the period line of the indicator.

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

A string representing the color of the period line. The default is "#f2ec2f".
Remarks

Use valid hex or rgba CSS color strings for the color value. Setting the color allows for visual differentiation of the period line within the chart.

Examples
// This example demonstrates how to indicator period line color.
<SfChart>
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.DateTime" IntervalType="IntervalType.Months">
    </ChartPrimaryXAxis>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@StockDetails" XName="X" YName="Y" Low="Low" High="High" Close="Close" Volume="Volume" Open="Open" Width="2" Name="Apple Inc" Type="ChartSeriesType.Candle" />
    </ChartSeriesCollection>
    <ChartIndicators>
        <ChartIndicator Type="TechnicalIndicators.Stochastic" Field="FinancialDataFields.Close" SeriesName="Apple Inc" Period="3">
            <ChartIndicatorPeriodLine Color="yellow" Width="3"></ChartIndicatorPeriodLine>
        </ChartIndicator>
    </ChartIndicators>
</SfChart>

Width

Gets or sets the width of the period line of the indicator.

Declaration
[Parameter]
public double Width { get; set; }
Property Value
Type Description
double

A double representing the width of the period line. The default value is 1.
Remarks

Modifying the width changes the thickness of the period line, affecting its visual prominence in the chart.

Examples
// This example demonstrates how to indicator period line width.
<SfChart>
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.DateTime" IntervalType="IntervalType.Months">
    </ChartPrimaryXAxis>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@StockDetails" XName="X" YName="Y" Low="Low" High="High" Close="Close" Volume="Volume" Open="Open" Width="2" Name="Apple Inc" Type="ChartSeriesType.Candle" />
    </ChartSeriesCollection>
    <ChartIndicators>
        <ChartIndicator Type="TechnicalIndicators.Stochastic" Field="FinancialDataFields.Close" SeriesName="Apple Inc" Period="3">
            <ChartIndicatorPeriodLine Color="yellow" Width="3"></ChartIndicatorPeriodLine>
        </ChartIndicator>
    </ChartIndicators>
</SfChart>

Implements