Javascript 高图+；引导。表响应问题

当我将图表放在Bootstrap的

.table responsive

中时，图表不会填满整个

td

。正如您可能看到的，我已经将宽度设置为100%，这在网格中起作用

似乎还有一个奇怪的bug，当我用“Inspect element”打开chrome控制台时，问题就解决了（同样发生在JSFIDLE中）

---

默认情况下，如何使图表填充整个

？

初始化后，您必须设置图表的

宽度设置。初始化后，Highcharts仅在调整大小事件时进行调整（请尝试，如果调整窗口大小，它将更改宽度），因此您可能希望触发调整大小事件

下面是一个使用resize事件的JSFIDLE（ab）：

Highcharts在创建其图表时会自动获取其容器的宽度，但是如果您在那里放置断点，您将看到表单元格在该时间点上仍然等分。事实上，正是图表触发了表以增长正确的单元格。如果你能固定单元格的宽度，那可能也会有帮助

下面是一个固定单元格宽度的JSFIDLE，这样当添加内容时，单元格不会增长和收缩：
在API文档中似乎不是100%的替代方案。对黑客有什么建议吗？@hustlerinc一个快速而肮脏的黑客行为是在创建图表后立即触发一个调整大小事件（
$（window.trigger（“resize”）；
）。顺便说一句，您的代码中有两个文档准备包装器。无法使其工作，您介意显示将代码放在JSFIDLE中的位置吗？JSFIDLE中的代码也适用于我，但一旦我在真正的文档上尝试它，它就不再工作了。你所做的只是添加了触发器，对吗？@hustlerinc是的，然后移除重复的文档准备包装。另请参阅我的更新答案，以了解另一种可能的解决方案（以及更多背景信息）。