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

Question

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

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

或者，可以禁用句柄，这样用户根本无法拖动它们，但作为导航器一部分的摘要图必须仍然可见。

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

Answer 1

You can catch afterSetExtremes() function http://api.highcharts.com/highstock#xAxis.events.afterSetExtremes and chack if range is bigger than should be (set in external variable). Then if is bigger, you can call setExtremes() function which allows to define new range.

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

                }
            }