Class ChartIndicatorPeriodLine

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

Inheritance

System.Object

ChartSubComponent

ChartIndicatorPeriodLine

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class ChartIndicatorPeriodLine : ChartSubComponent, ISubcomponentTracker

Constructors

ChartIndicatorPeriodLine()

Declaration

public ChartIndicatorPeriodLine()

Properties

Color

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

Declaration

public string Color { get; set; }

Property Value

Type	Description
System.String	A System.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

public double Width { get; set; }

Property Value

Type	Description
System.Double	A System.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>