javascript - Highcharts窗口同时减少不工作

Question

我有一个问题highcharts window resize handler。如果我放入chart containerhtml 表格图表调整大小处理程序在减小窗口宽度时不起作用，但在增加它时工作正常。

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

这是示例：jsfiddle

Answer 1

那么试试这个：

将容器替换为position:absolute，position:static您可以从其他 div 调整大小。

http://jsfiddle.net/W9WWr/2/

Answer 2

这已经在 Highcharts 错误跟踪器上报告了，但它不被视为错误，请查看：https ://github.com/highslide-software/highcharts.com/issues/1157

Answer 3

highcharts 宽度可以用 % 中的 div 宽度处理试试这个：

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

这是演示

Answer 4

<table style="width:100%;">
        <tr>
            <td>
                <div id="container" style="position:absolute; width:100%; height:400px;"></div>
            </td>
    </tr>
</table>

这应该工作