Question

我对highcharts window resize handler有疑问。如果我将chart container放入html表格中，调整大小处理程序在减小窗口宽度时不起作用，但在增加它时工作正常。

<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

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

这应该有效

Answer 2

然后试试这个：

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

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

Answer 3

高位图宽度可以用div宽度处理％试试这个：

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

Here is Demo

Answer 4

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

Highcharts窗口，同时减少不工作

4 个答案: