Class ChartIndicatorUpperLine

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

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

Constructors

ChartIndicatorUpperLine()

Declaration
public ChartIndicatorUpperLine()

Properties

Color

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

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

Implements