我使用Highcharts柱形图,我希望它是100%的宽度响应图。 该容器是一个简单<div>
没有任何格式。 当原稿的负载,该图表总是固定宽度600x400px大小。 如果我调整窗口或改用其他浏览器选项卡,图表填充宽度变得就像我想响应全宽图。 如果我重新加载页面,它再次固定宽度。 我试着设置宽度都容器和图表,但是,没有什么帮助。 如果我移动父DIV上述容器DIV一个水平,它的工作原理。 如何让图表成为全宽在页面加载也?
谢谢
我使用Highcharts柱形图,我希望它是100%的宽度响应图。 该容器是一个简单<div>
没有任何格式。 当原稿的负载,该图表总是固定宽度600x400px大小。 如果我调整窗口或改用其他浏览器选项卡,图表填充宽度变得就像我想响应全宽图。 如果我重新加载页面,它再次固定宽度。 我试着设置宽度都容器和图表,但是,没有什么帮助。 如果我移动父DIV上述容器DIV一个水平,它的工作原理。 如何让图表成为全宽在页面加载也?
谢谢
图的宽度取自jQuery.width(container)
,所以如果你有一些隐藏的标签或类似的图表,宽度将是不确定的。 在这种情况下默认宽度和高度被设置(600x400)。
我知道这是一个老问题,但我遇到了完全一样的问题,并发现了另一个解决方案的伟大工程。
如Highcharts 4.1.5(可在旧版本为好)中, chart
对象具有reflow()
函数。 查看该文档在这里 。
回流()
回流该图表以它的容器。 默认情况下,图表自动回流以其跟随window.resize事件容器中,如每chart.reflow选项。 不过,也有对格调整大小没有可靠的事件,所以如果容器没有窗口大小调整事件大小,这一点必须明确地调用。
希望它可以帮助别人。