javascript - 表格中具有流体大小问题的 highcharts 动态样条

Question

您好，我使用 highcharts 动态样条。

当用户更改浏览器大小时，它会自动更改宽度大小。

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

但是在这里我有一个问题。

当我在表中使用此 div 时，它不起作用。

<table width="100%">
<tr>
    <td><div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div></td>
</tr>
</table>

score 2 · Accepted Answer

该图表可防止容器缩小。纯 CSS 的解决方法是在容器上设置 position:absolute 和 width:100%，这样就不会影响表格单元格的布局

只需在您的 div 中更改它：

<div id="container" style="min-width: 400px; width:100%; height: 400px; margin: 0 auto; position: absolute;">

并将其添加到您的 td 中：

 <td style="vertical-align: top;" >

这是 jsFiddle：http: //jsfiddle.net/9WhbG/1/

1 回答 1