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

问题描述

我希望隐藏/显示导航器，滚动条&范围选择器点击按钮。
似乎没有任何API。 .hide（）隐藏整个图表。

任何有关该解决方案的参考资料都会有帮助。

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

示例：

  $（'＃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（）; 
}）
}）; 
  

I wish to hide/show the navigator, scrollbar & rangeselector on a button click.There doesnt seem to be any API for it. .hide() hides the whole chart.

Any reference towards the solution will be helpful.

解决方案

You can show/hide each SVG elements.

Example: 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();
            })
        });

这篇关于如何在点击按钮时隐藏/显示滚动条和高度图的范围选择器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！