javascript - *Highcharts* Highcharts 中的缩放选项和更新值

Question

我有一个类似此示例的柱形图 http://jsfiddle.net/2mvuLLs9/5/ 。在图例中，它显示了我用于循环手动计数的总金额:

for(var j =0; j< value.length;j++){
   total[j]=0;
   for(var k =0; k<value[j][1].length;k++){
      total[j]= total[j]+value[j][1][k][1];
   }    
}

。我还使用缩放选项:缩放类型:'x'专注于感兴趣的领域。这里的问题是:是否可以再次更新仅显示我缩放区域的总量的图例？

非常感谢!

Answer 1

这可以通过更新系列参数来实现。您可以在 afterSetExtremes 事件的回调函数中更新它: http://api.highcharts.com/highcharts#xAxis.events.afterSetExtremes

在其中您可以使用 getExtremes() 来获取轴的新最小值和最大值。 http://api.highcharts.com/highcharts#Axis.getExtremes

您可以检查系列点是否在最小值和最大值之间以及之间所有点的总和。然后您可以更改您的自定义图例文本。

            afterSetExtremes: function () {
                var sum = 0;
                min = parseFloat(this.getExtremes().min);
                max = parseFloat(this.getExtremes().max);
                Highcharts.each(this.series, function (p, i) {
                    sum = 0;
                    Highcharts.each(p.data, function (ob, j) {
                        if (min <= ob.x && ob.x <= max) {
                            sum += ob.y;
                        }
                    });
                    p.userOptions.customlegendText = sum;
                });
                this.series[0].update({});
            }

示例: http://jsfiddle.net/2mvuLLs9/11/