Javascript Highcharts redraw（）上的窗口滚动=0

我用的是海图3.0.2

我有一个div#图表和两个js变量，

var options1={…}，options2={…}

。这些包含不同的highcharts选项（比如图1和图2）

在文档就绪时，js调用

$（'#chart）.highcharts（选项1）

。这很高兴地生成了图表1

我有一个点击事件监听器，它调用

$（“#图表”）.highcharts（选项2）

单击时，图表2会愉快地生成（替换div#chart中的图表1）

然而！生成图表2时，有什么东西会重置窗口。滚动到零。换句话说，如果用户在单击时已从页面顶部向下滚动，则窗口将移回顶部

是什么导致了这种行为，我如何才能阻止它？

如果我想让它看起来像刷新了页面一样，我会让它刷新！啊哈

---

小提琴：

您可以这样保存滚动位置：

var tempScrollTop = $(window).scrollTop();

然后在更改图表和页面标题后，将其设置回：

$(window).scrollTop(tempScrollTop);

---

下面是一个

你能添加一个JS提琴来显示问题吗？很简单，让我解释一下：你创建图表，这需要一些空间。然后，您需要重新创建该图表，因此首先，前一个图表将被销毁。站点的高度回到最初的高度（Highcharts的容器只是空的div 0px x 0px），这看起来像是将页面滚动到顶部。解决方案只需在CSS中设置容器的高度：-viola！谢谢你，波维尔！这是可行的，但在我的例子中，页面将包含一些响应的宽度/高度，因此我需要让图表的大小保持灵活