如何在点击按钮时隐藏/显示高图表的滚动条和范围选择器

how to hide/show scrollbar and range selector of highcharts on button click?

本文关键字：高图表 显示 滚动条 选择器 范围 隐藏 按钮      更新时间：2023-09-26

我想隐藏/显示导航器、滚动条&范围选择器上的一个按钮点击。它似乎没有任何API…hide（）隐藏了整个图表。

对解决方案的任何参考都将有所帮助。

您可以显示/隐藏每个SVG元素。

示例：http://jsfiddle.net/dJbZT/99/

$('#btn').toggle(function () {
            chart.rangeSelector.zoomText.hide();
            $.each(chart.rangeSelector.buttons,function(i,b){
                b.hide();
            });
            chart.rangeSelector.inputGroup.hide();
            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.rangeSelector.zoomText.hide();
            $.each(chart.rangeSelector.buttons,function(i,b){
                b.show();
            });
            chart.rangeSelector.inputGroup.show();
            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();
            })
        });
相关文章：