Highchart，得到setExtremes后总可见一系列数据(Highchart, get to

我怎样才能得到总的我已经更新使用setExtremes的highchart线图之后，可见在系列只有那些数据点。

在我的按钮显示的jsfiddle点击得到的结果4，但它保持5 :(

http://jsfiddle.net/deepakgc/hz8fopan/

$(function () {
$('#container').highcharts({
    chart:{
        events:{
            load:function(){

        $('#total').text(arraySum(this.series[0].processedYData));

            }
        }
    },
    xAxis: {
        type: 'datetime'
    },

    series: [{
        data: [1, 1, 1, 1, 1],
        pointStart: Date.UTC(2010, 0, 1),
        pointInterval: 24 * 3600 * 1000
    }]
});


// the button action
$('#button').click(function () {
    var chart = $('#container').highcharts();
    chart.xAxis[0].setExtremes(Date.UTC(2010, 0, 2), Date.UTC(2010, 0, 8));
        $('#total').text('calculating again');
    setTimeout(function(){
        $('#total').text(arraySum(chart.series[0].processedYData));
        },200);


});

}）;

功能arraySum（数据）{

var sum = 0;

for (var i = 0; i < data.length; i++) {

    if (data[i]) {

        sum += data[i];

    }

}

return sum;

}

Answer 1:

我认为，简单是抓afterSetExtremes事件，然后调用遍历所有的一系列点。 添加条件，检查极端（最小值/最大值）和总和。

afterSetExtremes:function(min,max){
                var serie = this.chart.series[0],
                    min = this.getExtremes().min,
                    max = this.getExtremes().max,
                    sum = 0;

                $.each(serie.data, function(i, p){
                    if(p.x >= min && p.x <=max) {
                        sum += p.y;
                    }
                });

                    $('#sum').text(sum);
            }

例如： http://jsfiddle.net/yagpzkup/1/

文章来源: Highchart, get total of visible series data after setExtremes