Class ChartIndicatorUpperLine

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

Inheritance

System.Object

ChartSubComponent

ChartIndicatorUpperLine

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class ChartIndicatorUpperLine : ChartSubComponent, ISubcomponentTracker

Constructors

ChartIndicatorUpperLine()

Declaration

public ChartIndicatorUpperLine()

Properties

Color

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

Declaration

public string Color { get; set; }

Property Value

Type	Description
System.String	A string representing the color of the upper line. The default is "#ffb735".

Remarks

Use valid hex or rgba CSS color strings for the color value. This provides the visual color of the indicator’s upper line, enhancing the readability and appearance of the chart.

Examples

// This example demonstrates how to update the upper line color of the indicator.
<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.BollingerBands" Field="FinancialDataFields.Close" SeriesName="Apple Inc" Period="3">
            <ChartIndicatorUpperLine Color="Orange"></ChartIndicatorUpperLine>
        </ChartIndicator>
    </ChartIndicators>
</SfChart>

Width

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

Declaration

public double Width { get; set; }

Property Value

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

Remarks

This property specifies the thickness of the upper line drawn for the indicator.

Examples

// This example demonstrates how to update the upper line width of the indicator.
<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.BollingerBands" Field="FinancialDataFields.Close" SeriesName="Apple Inc" Period="3">
            <ChartIndicatorUpperLine Color="Orange"></ChartIndicatorUpperLine>
        </ChartIndicator>
    </ChartIndicators>
</SfChart>