我有一个 Highchart,在窗口大小改变时可以自动调整宽度,但高度不会变化。我尝试使用 set chart size 方法,但效果不理想。是否有其他方法可以在窗口大小改变时自动更改图表的高度?
以下是输出的 CSS 代码。我有一个 jQuery UI 选项卡,另一个选项卡显示数据表格。
#output-container
{
float: right;
display: inline;
position: absolute;
right: 10px;
left: 400px;
top:120px;
overflow-y: auto;
}
这是用于图表区域的我的 CSS:
#chartContainer{
margin: auto;
}
这是js图表函数:
function qchart(){
chart = new Highcharts.Chart({
chart: {
renderTo: 'chartContainer',
type: 'column',
spacingBottom: 3,
//height: (screen.availHeight)-500,
marginRight: 30,
marginBottom: 30,
reflow: true
},
//etc..
};
//...
}