Highcharts - 问题关于全图表的宽度(Highcharts - issue about

2019-09-02 05:58发布

我使用Highcharts柱形图,我希望它是100%的宽度响应图。 该容器是一个简单<div>没有任何格式。 当原稿的负载,该图表总是固定宽度600x400px大小。 如果我调整窗口或改用其他浏览器选项卡,图表填充宽度变得就像我想响应全宽图。 如果我重新加载页面,它再次固定宽度。 我试着设置宽度都容器和图表,但是,没有什么帮助。 如果我移动父DIV上述容器DIV一个水平,它的工作原理。 如何让图表成为全宽在页面加载也?

谢谢

Answer 1:

图的宽度取自jQuery.width(container) ,所以如果你有一些隐藏的标签或类似的图表,宽度将是不确定的。 在这种情况下默认宽度和高度被设置(600x400)。



Answer 2:

我知道这是一个老问题,但我遇到了完全一样的问题,并发现了另一个解决方案的伟大工程。

如Highcharts 4.1.5(可在旧版本为好)中, chart对象具有reflow()函数。 查看该文档在这里 。

回流()

回流该图表以它的容器。 默认情况下,图表自动回流以其跟随window.resize事件容器中,如每chart.reflow选项。 不过,也有对格调整大小没有可靠的事件,所以如果容器没有窗口大小调整事件大小,这一点必须明确地调用。

希望它可以帮助别人。



文章来源: Highcharts - issue about full chart width