如何根据在 High Charts 中选择的日期显示最大值和最小值?

How to display maximum and minimum value on the basis of date selected in High Charts?

我想在图表中显示一条关于最大值和最小值的线。这是 js fiddle 示例。

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/yaxis-plotlines/

在这个例子中,最大值和最小值是硬编码的,但在我的例子中,我使用这种方法得到它们

var max = Math.max.apply(Math,arr);
    var min = Math.min.apply(Math,arr);
    console.log(max+"minimum"+min);

其中arr是y轴数组。

问题是假设我正在显示过去 5 年的图表,如果我 select 过去 6 个月的日期范围它仍然显示过去 5 年而不是过去 6 个月的最大值,因为我的数组具有过去 5 年的价值。如果我想根据图表中的 select 日期显示最大值,我该如何实现?

图表重绘时更新最小值和最大值。最小值和最大值是根据所选范围计算的

[Fiddle][1]
[1]: http://jsfiddle.net/xq8tezqr/

                var start = this.xAxis[0].min,
                    end = this.xAxis[0].max;
                var arr = data.filter(function(e){
                    return e[0]>=start && e[0]<=end
                }).map(function(e){return e[1]});
                var max = Math.max.apply(Math,arr);
                var min = Math.min.apply(Math,arr);
                console.log(max+"minimum"+min);