BollingerBandsIndicator Class

Assembly : DevExpress.Maui.Charts.dll

NuGet Package : DevExpress.Maui.Charts

Declaration

csharp

public class BollingerBandsIndicator :
    CalculatedSeries

Remarks

This indicator looks as follows:

ChartView also supports the StandardDeviationIndicator and MassIndexIndicator trend indicators for financial series.

Add an Indicator to a Series

This example builds a Bollinger Bands indicator for Close prices of a stock series.

Add the BollingerBandsIndicator object to the chart’s collection of series (ChartView.Series).
Set the indicator’s Data property to a CalculatedSeriesDataAdapter class instance. Use this object’s Series property to specify a series for which the indicator should be calculated.
Use the ValueLevel and PointsCount properties to specify the price level of a financial series point and the number of data points used to calculate the simple moving average and standard deviation.
Use the StandardDeviationMultiplier property to specify the number of standard deviations that define the distance between the moving average (middle band) and the upper/lower band.

Xaml

xml

<dxc:ChartView x:Name="chart">
    <dxc:ChartView.Series>
        <dxc:StockSeries>
            <dxc:StockSeries.Data>
                <dxc:SeriesDataAdapter DataSource="{Binding StockPrices}" ArgumentDataMember="Date">
                    <dxc:ValueDataMember Type="High" Member="High" />
                    <dxc:ValueDataMember Type="Low" Member="Low" />
                    <dxc:ValueDataMember Type="Open" Member="Open" />
                    <dxc:ValueDataMember Type="Close" Member="Close" />
                </dxc:SeriesDataAdapter>
            </dxc:StockSeries.Data>
        </dxc:StockSeries>

        <dxc:BollingerBandsIndicator ValueLevel="Close" 
                                     PointsCount="20"
                                     StandardDeviationMultiplier="2" 
                                     DisplayName="Bollinger Bands 20">
            <dxc:BollingerBandsIndicator.Data>
                <dxc:CalculatedSeriesDataAdapter Series="{Binding Series[0], Source={x:Reference chart}}"/>
            </dxc:BollingerBandsIndicator.Data>
        </dxc:BollingerBandsIndicator>
    </dxc:ChartView.Series>
</dxc:ChartView>

Customize Indicator Appearance

To change the line appearance of the Bollinger Bands indicator, set its Style property to the BollingerBandsIndicatorStyle object with the specified settings.

Xaml

xml

<dxc:BollingerBandsIndicator>
    <dxc:BollingerBandsIndicator.Style>
        <dxc:BollingerBandsIndicatorStyle Stroke="#ff1ceb" StrokeThickness="2"
                                          UpperStroke="#ff1ceb" LowerStroke="#ff1ceb" />
    </dxc:BollingerBandsIndicator.Style>

    <!--Indicator Data-->
</dxc:BollingerBandsIndicator>

Implements

IElementController

INotifyPropertyChanged

Inheritance

System.Object BindableObject Element ChartElementBase ChartSeriesElement SeriesBase Series CalculatedSeries BollingerBandsIndicator

Extension Methods

Yield<BollingerBandsIndicator>()

YieldIfNotNull<BollingerBandsIndicator>()