C3 js -在重新生成图表时阻止页面滚动到顶部

Question

是否有可能在重新生成图表时阻止页面滚动到页面顶部？

页面加载C3图表后，我滚动到页面底部，我有自动生成图表事件与最新的数据每10秒top这一次滚动条移动到页面顶部。

Answer 1

我假设您正在使用c3.generate()加载最新的数据。为什么不使用chart.load()呢？这会解决你的问题。

//call generate only once
var chart = c3.generate(..)

//refresh your data whenever you want
chart.load({
      columns: [ ['data1', 230, 190, 300, 500, 300, 400] ]
 });

Answer 2

我遇到了这个问题，这是因为当图表被销毁/重新绘制时，页面高度发生了变化，导致页面从一个可滚动的高度变成了一个窗口中的所有高度，并具有滚动到顶部的效果。我修复了这个问题，通过将包含图表的div的最小高度设置为与绘制的图表相同的大小，因此无论图表在那里还是正在重新生成，页面都将始终保持相同的高度。