如何在按钮点击时隐藏/显示高级图表的滚动条和范围选择器?
我希望在按钮单击时隐藏/显示导航器,滚动条和范围选择器。 似乎没有任何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(); }) });