Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动条创建重叠图表div_Javascript_Jquery_Css_Highcharts_Bootstrap 4 - Fatal编程技术网

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元素可能会影响图表容器并干扰初始加载。如果您需要更多帮助,请复制您的问题。