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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/182623.html

猜你在找的jQuery相关文章