FinancialChart's MovingAerage represents a moving average trendline for a financial chart. It is a calculation to analyze data points by creating a series of averages of different subsets of the full data set. You may define a different type on each MovingAverage object by setting the MovingAverageType property to:

• Exponential: Weighted average of the last n values, where the weightage decreases exponentially with each previous value.
• Simple: An average of the last n values.
• Triangular: Weighted average of the last n values, whose result is equivalent to a double smoothed simple moving average.
• Weighted: Weighted average of the last n values, where the weightage decreases by 1 with each previous value.

In this example, MovingAverageType property value is set as Exponential.

Use the Period property of the MovingAverage class to set the number of periods for computing the average value. Its value should be set to integer value greater than 1. In this example, the value of Period property is assigned an integer value 5.

The image below shows how FinancialChart appears when the MovingAverage is used to calculate and display average on the chart, the MovingAverageType value is set to Exponential and the value of Period property to 5.

The following code example demonstrates how to use MovingAverage to analyze data on FinancialChart. This example uses the sample created in the Quick Start section.

@using C1.Web.Mvc.Chart;
@model List<FinanceData>

<script type="text/javascript">
    var tooltipContent = function (ht) {
        var item = ht.series.collectionView.items[ht.pointIndex];
        if (item) {
            return 'Date: ' + wijmo.Globalize.format(ht.x, 'MMM-dd') + '<br/>' +
             'High: ' + item.High.toFixed() + '<br/>' +
             'Low: ' + item.Low.toFixed() + '<br/>' +
             'Open: ' + item.Open.toFixed() + '<br/>' +
             'Close: ' + item.Close.toFixed() + '<br/>'
        }
    };

</script>
<c1-financial-chart binding-x="X" chart-type="C1.Web.Mvc.Finance.ChartType.Line">
<c1-items-source source-collection="Model"></c1-items-source>
<c1-financial-chart-series binding="Close"></c1-financial-chart-series>
<c1-flex-chart-movingaverage binding="Close" period="5" type="MovingAverageType.Exponential"></c1-flex-chart-movingaverage>
<c1-flex-chart-tooltip content=""></c1-flex-chart-tooltip>
</c1-financial-chart>