我正在使用Highcharts和jQuery Mobile。
我在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>
我的高分析图是从他们的一个示例中获取的基本图形，我没有设置图表宽度属性。
在第一次加载时，图形超出了包含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
解决方法
这就像魔术一样
放在你的css文件中
.highcharts-container {
width:100% !important;
height:100% !important;
}
