Question

如何使用setExtremes更新高亮度线图后，只能看到系列中可见的数据总数。

在我的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);


});

}）;

function arraySum（data）{

var sum = 0;

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

    if (data[i]) {

        sum += data[i];

    }

}

return sum;

}

Answer 1

我认为更简单的是捕获afterExtremes事件，然后在所有系列点上调用循环。添加检查极值（最小/最大）和总和的条件。

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之后获得可见系列数据的总数

1 个答案: