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>