jquery-mobile – 在第一次加载时,Highcharts的宽度超过了container div

我正在使用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;
}

原文地址：https://www.jb51.cc/jquery/182623.html