Class ChartIndicatorLowerLine

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

Inheritance

System.Object

ChartSubComponent

ChartIndicatorLowerLine

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class ChartIndicatorLowerLine : ChartSubComponent, ISubcomponentTracker

Constructors

ChartIndicatorLowerLine()

Declaration

public ChartIndicatorLowerLine()

Properties

Color

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

Declaration

public string Color { get; set; }

Property Value

Type	Description
System.String	System.String representing the color of the lower line. The default value is "#f2ec2f".

Remarks

Use valid hex or rgba CSS color strings for the color value. This property allows you to define the visual styling of the lower line by specifying a desired color.

Examples

// This example demonstrates how to render a chart with a Bollinger Bands indicator, customizing the lower 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" Name="Apple Inc" Type="ChartSeriesType.Candle" />
    </ChartSeriesCollection>
    <ChartIndicators>
        <ChartIndicator Type="TechnicalIndicators.BollingerBands" Field="FinancialDataFields.Close" SeriesName="Apple Inc" Fill="#6063ff" Period="3">
            <ChartIndicatorLowerLine Width="2" Color="Yellow"></ChartIndicatorLowerLine>
        </ChartIndicator>
    </ChartIndicators>
</SfChart>

Width

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

Declaration

public double Width { get; set; }

Property Value

Type	Description
System.Double	A System.Double representing the width of the lower line. The default value is 1.

Remarks

Adjusting this property affects the thickness of the lower line, contributing to the visual differentiation of the indicator.

Examples

// This example demonstrates how to render a chart with a Bollinger Bands indicator, customizing the lower 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" Name="Apple Inc" Type="ChartSeriesType.Candle" />
    </ChartSeriesCollection>
    <ChartIndicators>
        <ChartIndicator Type="TechnicalIndicators.BollingerBands" Field="FinancialDataFields.Close" SeriesName="Apple Inc" Fill="#6063ff" Period="3">
            <ChartIndicatorLowerLine Width="2" Color="Yellow"></ChartIndicatorLowerLine>
        </ChartIndicator>
    </ChartIndicators>
</SfChart>