我正在开发一个 highcharts 项目,我们需要在运行时显示/隐藏导航器,具体取决于屏幕过滤器的值。
我们已经添加/显示/隐藏各种系列的数据 - 但我找不到允许我在运行时动态隐藏导航器的 api 调用?有谁知道这样做的方法 - 我不愿意重新加载整个图表,除非我必须这样做。
谢谢各位!
最佳答案
您可以通过 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();
})
});
关于highcharts - 是否可以在运行时在 highcharts 中隐藏导航器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15906941/