highcharts - 是否可以在运行时在 highcharts 中隐藏导航器？

Question

我正在开发一个 highcharts 项目，我们需要在运行时显示/隐藏导航器，具体取决于屏幕过滤器的值。

我们已经添加/显示/隐藏各种系列的数据 - 但我找不到允许我在运行时动态隐藏导航器的 api 调用？有谁知道这样做的方法 - 我不愿意重新加载整个图表，除非我必须这样做。

谢谢各位!

Answer 1

您可以通过 hide() 函数隐藏所有特定的 SVG 导航器元素。

http://jsfiddle.net/dJbZT/1

$('#btn').toggle(function () {
            chart.scroller.xAxis.labelGroup.hide();
            chart.scroller.xAxis.gridGroup.hide();
            chart.scroller.series.hide();
            chart.scroller.scrollbar.hide();
            chart.scroller.scrollbarGroup.hide();
            chart.scroller.navigatorGroup.hide();
            $.each(chart.scroller.elementsToDestroy, function (i, elem) {
                elem.hide();
            })
        }, function () {
            chart.scroller.xAxis.labelGroup.show();
            chart.scroller.xAxis.gridGroup.show();
            chart.scroller.series.show();
            chart.scroller.navigatorGroup.show();
            chart.scroller.scrollbar.show();
            chart.scroller.scrollbarGroup.show();
            $.each(chart.scroller.elementsToDestroy, function (i, elem) {
                elem.show();
            })
        });