Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “Highcharts”窗口,但不工作_Javascript_Html_Highcharts - Fatal编程技术网

Javascript “Highcharts”窗口,但不工作

Javascript “Highcharts”窗口,但不工作,javascript,html,highcharts,Javascript,Html,Highcharts,我对highcharts窗口大小调整处理程序有问题。 如果我将图表容器放入html表格中,图表调整处理程序在减小窗口宽度时不起作用,但在增大窗口宽度时效果很好 <table style="width: 100%; display: block;"> <tr> <td> <div id="container" style="min-width: 310px; height: 400px; margin: 0

我对
highcharts窗口大小调整处理程序有问题。
如果我将
图表容器
放入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>

以下是示例:


这应该行得通

然后试试这个:

将容器
position:absolute
替换为
position:static
,您可以从另一个div调节大小


highcharts width可以使用%中的div width进行处理。请尝试以下操作:

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


Highcharts bug tracker上已经报告了这一点,但它并不被视为bug,请看一看:

这是可行的,但在实际项目中,图表宽度绝对位置会覆盖其他页面元素:
 <div id="container" style="width:90%; height: 400px; margin: 0 auto"></div>