html5均线图源码,移动平均线HTML5/JS图表

我下面写了一个更通用的功能。

要使用它，只需传递一个数组值，移动平均数(或长度)和一个可选的限定符函数。

例如：

movingAvg(arr, 10)将阵列arr在返回的值的10个数据点的移动平均。

movingAvg(arr, 20, function(val){ return val != 0; })将阵列中返回非零值的20个数据点的移动平均arr

因此，与chart.js之，例如，可以使用它像这样：

...

,datasets: [

{

label: "Values"

,data: values

}

,{

type: "line"

,label: "20 Point Moving Average"

,data: movingAvg(values, 20, function(val){ return val != 0; })

}

]

...

功能：

/**

* returns an array with moving average of the input array

* @param array - the input array

* @param count - the number of elements to include in the moving average calculation

* @param qualifier - an optional function that will be called on each

* value to determine whether it should be used

*/

function movingAvg(array, count, qualifier){

// calculate average for subarray

var avg = function(array, qualifier){

var sum = 0, count = 0, val;

for (var i in array){

val = array[i];

if (!qualifier || qualifier(val)){

sum += val;

count++;

}

}

return sum/count;

};

var result = [], val;

// pad beginning of result with null values

for (var i=0; i < count-1; i++)

result.push(null);

// calculate average for each subarray and add to result

for (var i=0, len=array.length - count; i <= len; i++){

val = avg(array.slice(i, i + count), qualifier);

if (isNaN(val))

result.push(null);

else

result.push(val);

}

return result;

}