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

【问题标题】：C3 js - Prevent page scroll to top when chart is regeneratedC3 js - 重新生成图表时防止页面滚动到顶部
【发布时间】：2016-12-13 07:37:05
【问题描述】：

重新生成图表时是否可以防止页面滚动到页面顶部？

在页面加载了 C3 图表后，我滚动到页面底部，并且每隔 10 秒自动生成带有最新数据的图表事件，此时滚动条正在移动到页面顶部。

【问题讨论】：

标签： c3.js

【解决方案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] ]
 });

【讨论】：

【解决方案2】：

我遇到了这个问题，这是由于图表被销毁/重绘时页面高度发生了变化，导致页面从一个可滚动高度变为一个窗口中的所有高度，并具有滚动到顶部的影响.我通过将包含图表的 div 的最小高度 设置为与绘制的图表相同的大小来解决此问题，因此无论图表是否存在页面总是相同的高度正在重生。

【讨论】：