highcharts：Internet Explorer 忽略了我的 div 容器的宽度答案

【问题标题】：highcharts: internet explorer ignores width of my div containerhighcharts：Internet Explorer 忽略了我的 div 容器的宽度
【发布时间】：2012-07-25 08:32:16
【问题描述】：

我正在尝试使用 HighCharts 渲染图表，尽管它是一个很棒的库，但我遇到了 IE 问题（奇怪...:()，因为库忽略了高度我在 div 容器的样式属性中设置并溢出了预期的大小。

<div id="graficoVolumi" style="width: 100%; height: 400px">

</div>

我在 Firefox 或 Chrome 中没有这个问题，其中图表实际上符合样式属性中设置的尺寸。

有人遇到过这个问题吗？

【问题讨论】：

您遇到的问题是哪个 IE 版本？据 permy 所知，它在 IE6 的所有浏览器上运行良好
这个问题只影响 IE9，而在 IE8 和 IE7 中它按预期工作，除了性能较差:(

标签： jquery html css internet-explorer highcharts

【解决方案1】：

我有同样的问题，我解决它的方法是强制图表的宽度和高度。

默认情况下，宽度是根据包含元素的偏移宽度计算得出的。

HighCharts width Reference

希望对你有帮助

【讨论】：

【解决方案2】：

我也遇到过关于 highcharts 和 IE 的问题。奇怪的是，当我添加 HTML5 doctype 标签时，这个问题得到了修复

<!DOCTYPE html>

在我的页面顶部。

【讨论】：