jquery-mobile - Highcharts 宽度在第一次加载时超过容器 div

Question

我在 jQuery Mobile 中使用 Highcharts。

我在 jQM 中绘制了一个面积图 data-role="content"容器并在该容器内我有以下 div:

<div style="padding-top: 5px; padding-bottom: 10px; position: relative; width: 100%;">
    <div id="hg_graph" style="width: 100%"></div>
</div>

我的 highcharts 图是从他们的一个示例中获取的基本图，其中我没有设置图表 width属性(property)。

在第一次加载时，图形超过了包含 div 的宽度，但是当我调整浏览器的大小时，它会捕捉到适当的宽度。

我怎样才能使它的宽度在第一页加载时正确，而不仅仅是在调整大小时？

我已经查看了有关堆栈溢出的类似帖子，但似乎没有一个解决方案有效。

更新

我发现问题在于动态生成的 <rect> Highcharts 的标签在页面加载时获取浏览器窗口的整个宽度，而不是从容器 div 宽度中获取它。这是我检查时生成的html:
<rect rx="5" ry="5" fill="#FFFFFF" x="0" y="0" **width="1920"** height="200"></rect>

我试图在 JSFiddle 中重现，但它似乎在那里工作得很好，这真的让我很难过。这是我的 JSFiddle 代码:http://jsfiddle.net/meandnotyou/rMXnY

Answer 1

调用 chart.reflow()帮助过我。
文档:http://api.highcharts.com/highcharts#Chart.reflow