Highcharts Highstocks如何在异步加载中使用隐藏导航器

以高价股为例。我想隐藏预览，只显示滚动条。因此，我在图表配置中将

enabled

设置为

false

：

navigator: {
    enabled: false,
    adaptToUpdatedData: false,
    ...

---

这将导致

adapteToUpdateData

选项不按说明工作，即缩放时滚动条的宽度始终为100%。隐藏预览时是否可以保持演示的相同行为？

您可以直观地隐藏导航器的所有元素，而不是禁用它

例如（）：

您可能会注意到，光标仍然会更改句柄的位置。如果要消除此问题，可以阻止一起绘制控制柄

例如（）：

---

这个解决方案很好，解决了我的问题。我不确定是否将其标记为已接受，因为它实际上并不能解释高股令人困惑的行为。另外一个可能对某些人有用的信息是：我没有为所有图表隐藏导航器，只是有条件地为其中一些图表隐藏导航器。因此，在包装器函数中，我执行如下操作：

if（shouldShowNavigator（this.chart））{procedure.apply（this，Array.prototype.slice.call（arguments，1））；}

$('#container').highcharts('StockChart', {
    navigator : {
        adaptToUpdatedData: false,
        height: 0,
        handles: {
            backgroundColor: 'transparent',
            borderColor: 'transparent'
        },
        series : {
            data : data
        },
        xAxis: {
            labels: {
                enabled: false
            }
        }
    }
    // ...
});

(function (H) {
    H.wrap(H.Scroller.prototype, 'drawHandle', function (proceed, x, index) {
    });
}(Highcharts));

$('#container').highcharts('StockChart', {
    navigator : {
        adaptToUpdatedData: false,
        height: 0,
        series : {
            data : data
        },
        xAxis: {
            labels: {
                enabled: false
            }
        }
    }
    // ...
});