在没有启用导航器的情况下启用asyncLoading的rangeSelector按钮

时间:2016-01-18 04:52:58

标签: highcharts highstock

我需要设置如下所示的导航器选项以允许异步加载数据(即启用所有rangeSelector按钮):

navigator: {
    adaptToUpdatedData: false,
    series : {
        data : seriesData
    }          
},

但实际上,我不希望显示导航栏,但是当我执行以下操作时:

navigator: {
    enabled: false
},

rangeSelector按钮调整到数据范围,因此其中一些按钮被禁用。有什么解决方法吗?我尝试设置height : 0,但它仍显示带有句柄按钮的行。

编辑:

这是小提琴:http://jsfiddle.net/gwcpb7wm/。禁用导航器会在按钮上产生不稳定的行为。快速复制是以下顺序:1H - > 1D

1 个答案:

答案 0 :(得分:0)

这与已知错误有关:https://github.com/highcharts/highcharts/issues/1183https://github.com/highcharts/highcharts/issues/1438

       chart : {
            type: 'candlestick',
            zoomType: 'x',
            events:{
                load:function() {
                this.scroller.handles[0].hide();
                this.scroller.handles[1].hide();
              }
            }
        },

        navigator : {
            adaptToUpdatedData: false,
            series : {
                data : data
            },
            height:0,
            xAxis:{
                labels:{
                enabled:false
              }
            },
            yAxis:{
                height:0
            }
        },

解决方法是隐藏SVG元素:http://jsfiddle.net/syu2zcsw/