Adding an Indicator to the Chart

The following example demonstrates how to add an indicator for drawing on a chart:

private readonly Connector _connector = new Connector();
private Security _security;
private Subscription _candleSubscription;
private SimpleMovingAverage _sma;
readonly TimeSpan _timeFrame = TimeSpan.FromMinutes(1);
private ChartArea _area;
private ChartCandleElement _candlesElem;
private ChartIndicatorElement _longMaElem;

// Initializing chart and indicator
private void InitializeChart()
{
    // _chart - StockSharp.Xaml.Charting.Chart
    // Creating a chart area
    _area = new ChartArea();
    _chart.Areas.Add(_area);
    
    // Creating a chart element representing candles
    _candlesElem = new ChartCandleElement();
    _area.Elements.Add(_candlesElem);
    
    // Creating a chart element representing the indicator
    _longMaElem = new ChartIndicatorElement
    {
        Title = "Long"
    };
    _area.Elements.Add(_longMaElem);
    
    // Creating an indicator
    _sma = new SimpleMovingAverage() { Length = 80 };
    
    // Subscribing to the candle receiving event
    _connector.CandleReceived += OnCandleReceived;
}

// Method for subscribing to candles
private void SubscribeToCandles()
{
    // Creating a subscription to candles with the specified timeframe
    _candleSubscription = new Subscription(
        DataType.TimeFrame(_timeFrame),
        _security)
    {
        MarketData = 
        {
            // Requesting historical data for 30 days
            From = DateTime.Today.Subtract(TimeSpan.FromDays(30)),
            To = DateTime.Now,
            // Receiving only finished candles
            IsFinishedOnly = true
        }
    };
    
    // Starting the subscription
    _connector.Subscribe(_candleSubscription);
}

// Handler for the candle receiving event
private void OnCandleReceived(Subscription subscription, ICandleMessage candle)
{
    // Checking if the candle belongs to our subscription
    if (subscription != _candleSubscription)
        return;
    
    // Checking the candle state
    if (candle.State != CandleStates.Finished)
        return;
    
    // Processing the candle with the indicator
    var longValue = _sma.Process(candle);
    
    // Creating data for drawing
    var data = new ChartDrawData();
    data
        .Group(candle.OpenTime)
            .Add(_candlesElem, candle)
            .Add(_longMaElem, longValue);
    
    // Drawing on the chart in the UI thread
    this.GuiAsync(() => _chart.Draw(data));
}

// Method for unsubscribing when closing the window
private void UnsubscribeFromCandles()
{
    if (_candleSubscription != null)
    {
        _connector.CandleReceived -= OnCandleReceived;
        _connector.UnSubscribe(_candleSubscription);
        _candleSubscription = null;
    }
}

Example of working with multiple indicators

private readonly Connector _connector = new Connector();
private Security _security;
private Subscription _candleSubscription;
private SimpleMovingAverage _shortSma;
private SimpleMovingAverage _longSma;
private ChartArea _mainArea;
private ChartArea _indicatorArea;
private ChartCandleElement _candlesElem;
private ChartIndicatorElement _shortSmaElem;
private ChartIndicatorElement _longSmaElem;
private RelativeStrengthIndex _rsi;
private ChartIndicatorElement _rsiElem;

// Initializing chart and indicators
private void InitializeChartWithMultipleIndicators()
{
    // Creating the main area for candles and moving averages
    _mainArea = new ChartArea();
    _chart.Areas.Add(_mainArea);
    
    // Creating an area for RSI
    _indicatorArea = new ChartArea();
    _chart.Areas.Add(_indicatorArea);
    
    // Creating chart elements
    _candlesElem = new ChartCandleElement();
    _shortSmaElem = new ChartIndicatorElement { Title = "SMA (short)" };
    _longSmaElem = new ChartIndicatorElement { Title = "SMA (long)" };
    _rsiElem = new ChartIndicatorElement { Title = "RSI" };
    
    // Setting element colors
    _shortSmaElem.Color = Colors.Red;
    _longSmaElem.Color = Colors.Blue;
    _rsiElem.Color = Colors.Green;
    
    // Adding elements to their respective areas
    _mainArea.Elements.Add(_candlesElem);
    _mainArea.Elements.Add(_shortSmaElem);
    _mainArea.Elements.Add(_longSmaElem);
    _indicatorArea.Elements.Add(_rsiElem);
    
    // Creating indicators
    _shortSma = new SimpleMovingAverage { Length = 9 };
    _longSma = new SimpleMovingAverage { Length = 20 };
    _rsi = new RelativeStrengthIndex { Length = 14 };
    
    // Subscribing to the candle receiving event
    _connector.CandleReceived += OnCandleReceivedMultipleIndicators;
    
    // Creating a subscription to candles
    _candleSubscription = new Subscription(
        DataType.TimeFrame(TimeSpan.FromMinutes(5)),
        _security)
    {
        MarketData = 
        {
            From = DateTime.Today.Subtract(TimeSpan.FromDays(30)),
            To = DateTime.Now,
            IsFinishedOnly = true
        }
    };
    
    // Starting the subscription
    _connector.Subscribe(_candleSubscription);
}

// Handler for the candle receiving event for multiple indicators
private void OnCandleReceivedMultipleIndicators(Subscription subscription, ICandleMessage candle)
{
    // Checking if the candle belongs to our subscription
    if (subscription != _candleSubscription)
        return;
    
    if (candle.State != CandleStates.Finished)
        return;
    
    // Processing the candle with indicators
    var shortSmaValue = _shortSma.Process(candle);
    var longSmaValue = _longSma.Process(candle);
    var rsiValue = _rsi.Process(candle);
    
    // Creating data for drawing
    var data = new ChartDrawData();
    data
        .Group(candle.OpenTime)
            .Add(_candlesElem, candle)
            .Add(_shortSmaElem, shortSmaValue)
            .Add(_longSmaElem, longSmaValue)
            .Add(_rsiElem, rsiValue);
    
    // Drawing on the chart in the UI thread
    this.GuiAsync(() => _chart.Draw(data));
}

See also

Components for building charts