how to implement moving average in highchart

Question

I want to implement moving average in hightchart. Is there any option in highchart for this.

Like: I have series 10, 20, 30, 40, 50, 60, 70

and here the moving average would be 2.

Then second series will generate on average values of series 1

like: 15, 35, 105 (taking average of each two datapoints)

And embedding this moving average series of series1 on the same chart.

Answer 1

you can calculate the moving average and add it like this:

$('#buttonAddSeries').click(function() {
    var series = chart.series[0];
    var data = [];
    var period = 2;
    var sumForAverage = 0;
    var i;
    for(i=0;i<series.data.length;i++) {
        sumForAverage += series.data[i].y;
        if(i<period) {
            data.push(null);
        } else {
            sumForAverage -= series.data[i-period].y;
            data.push([series.data[i].x, sumForAverage/period]);
        }
    }
    chart.addSeries({
        name: 'Moving Average',
        data: data
    });
});

You can use any number of points as the period, not only 2.