Highstock使导航手柄相对于彼此移动固定距离

Question

我正在使用highstock并希望阻止用户使用导航器选择超过1天，我希望导航器可见并且能够使用其滚动条。

所以基本上如果用户拖动其中一个手柄，那么另一个手柄会随之移动，但永远不会越走越远。

或者，可以禁用手柄，以便用户根本无法拖动它们，但导航器中的摘要图仍必须可见。

有谁知道如何实现这个目标？

Answer 1

你可以捕获afterExtremes（）函数http://api.highcharts.com/highstock#xAxis.events.afterSetExtremes并查看范围是否大于应该（在外部变量中设置）。然后，如果更大，您可以调用setExtremes（）函数，该函数允许定义新范围。

http://jsfiddle.net/PyMag/1/

afterSetExtremes: function(e) {
                var max = this.max,
                    min = this.min;

                if(max-min > maxRange)
                {
                    min = max - maxRange;
                    var x = this;
                    setTimeout(function(){ 
                    x.setExtremes(min,max); //chart xAxis
                    }, 1);

                }
            }