Skip to main content

EnvelopeIndicator Class

Namespace: DevExpress.Maui.Charts

Assembly: DevExpress.Maui.Charts.dll

NuGet Package: DevExpress.Maui.Charts


public class EnvelopeIndicator :


An envelope indicator is a pair of lines that are offset at the specified percentage above and below a simple moving average.

Envelope Indicator

Add an Indicator to a Series

This example demonstrates how to build a simple moving average envelope for Close values of a stock series.

  1. Add the EnvelopeIndicator object to the chart’s collection of series (ChartView.Series).
  2. Set the indicator’s Data property to a CalculatedSeriesDataAdapter class instance. Use this object’s Series property to specify a series for which the moving average envelope should be built.
  3. 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 moving average.
  4. Set the Factor property to a double value from 0 to 1 to specify the distance (as a percentage) between the moving average and an envelope line.


When you specify the envelope indicator, the moving average line is not visible. To build and show it on the chart, add the MovingAverageIndicator object to the chart’s collection of series.

<dxc:ChartView x:Name="chart">
                <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:EnvelopeIndicator ValueLevel="Close"
                               DisplayName="Moving Average Envelope">
                <dxc:CalculatedSeriesDataAdapter Series="{Binding Series[0], Source={x:Reference chart}}"/>

Customize Indicator Appearance

To change the envelope indicator appearance, set the Style property to the EnvelopeIndicatorStyle object and use this object’s properties to customize envelope lines and the area between them.

        <dxc:EnvelopeIndicatorStyle LowerStroke="#ff8fb1" LowerStrokeThickness="2" 
                                    UpperStroke="#ff8fb1" UpperStrokeThickness="2"
                                    Fill="#ff8fb1" Alpha="0.3"/>

    <!--Indicator Data-->
See Also