Class ChartIndicatorLowerLine

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

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

Constructors

ChartIndicatorLowerLine()

Declaration
public ChartIndicatorLowerLine()

Properties

Color

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

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

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
[Parameter]
public double Width { get; set; }
Property Value
Type Description
double

A 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>

Implements