Highchart，在setExtremes之后获取可见系列数据的总和

Question

在使用 setExtremes 更新 highchart 折线图后，我如何才能仅获得那些可见的系列数据点的总数。

在我的 jsfiddle 中点击按钮显示得到结果 4 但它仍然是 5 :(

$(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);


});

});

函数数组总和（数据）{

var sum = 0;

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

    if (data[i]) {

        sum += data[i];

    }

}

return sum;

}

Answer 1

我认为更简单的方法是捕获 afterSetExtremes 事件，然后在所有系列点上调用循环。添加检查极值 (min/max) 和求和的条件。

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，在setExtremes之后获取可见系列数据的总和

Highchart, get total of visible series data after setExtremes

highcharts