Javascript 滚动条创建重叠图表div
我正在实现一个按钮来生成一个报告(绘制一些图表)。在按下按钮之前,这些图表是Javascript 滚动条创建重叠图表div,javascript,jquery,css,highcharts,bootstrap-4,Javascript,Jquery,Css,Highcharts,Bootstrap 4,我正在实现一个按钮来生成一个报告(绘制一些图表)。在按下按钮之前,这些图表是hidden(),因为我使用的bootstrap滚动条也是隐藏的。按下按钮后,我在定义图表的div上调用show(),并调用图表渲染功能,在显示div后,也会创建滚动条,但chart.reflow()由于某些原因变得不可访问且不会触发,因此导出按钮和积分会被滚动条裁剪 如果手动调整窗口大小,将调用.reflow(),并将其修复。任何解决方法或建议?实际上,您正在努力解决的问题与触发图表回流无关。在提供的演示中,您试图在
hidden()
,因为我使用的bootstrap
滚动条也是隐藏的。按下按钮后,我在定义图表的div上调用show()
,并调用图表渲染功能,在显示div后,也会创建滚动条,但chart.reflow()由于某些原因变得不可访问且不会触发,因此导出按钮和积分会被滚动条裁剪
如果手动调整窗口大小,将调用.reflow()
,并将其修复。任何解决方法或建议?实际上,您正在努力解决的问题与触发图表回流无关。在提供的演示中,您试图在图表初始化之前触发chart.reflow
,请检查您的开发控制台
真正的问题与您的按钮位置有关。您已经为按钮元素使用了style=“float:left;”
属性,它在窗口中设置按钮的左侧位置-这也是第一张图表的容器,在计算某些图表元素的初始位置时会造成复杂性-下面是一个演示,更容易看到我所说的内容:
因此,您需要找到不会干扰图表渲染的其他CSS样式。在常规块模式中,一切正常:
我刚刚删除了我的项目中的style=“float:left;”
我还有一些其他元素与“show report”按钮一起,从中删除样式
不起作用。我正在尝试将您的解决方案应用到我的项目中。@BernardoMarques听起来像是其他HTML元素可能会影响图表容器并干扰初始加载。如果您需要更多帮助,请复制您的问题。