相关疑难解决方法(0)

我目前有一个3个标签页.每个选项卡都是display: hidden未选中时设置的div .在这些选项卡中,我有一个使用Susy(罗盘插件)创建的网格系统.每个标签页还有一组Highcharts.当我加载页面时,根据URl中的哪个选项卡,加载其中一个选项卡.所有的图表看起来都很好,但是当我切换到另一个标签时,一些图表在他们的div中不正确.如果我只是重新调整窗口大小,则会重新计算图表,然后它们完全匹配.或者,如果我重新加载相同的选项卡,图表也适合.当我进行标签切换时,我可以调用一个能够调整页面上所有图表大小的功能吗？

它看起来像这样:

它应该是这样的:

编辑:似乎这不是一个与highcharts直接相关的问题,例如我的谷歌地图看起来像这样:

但是当我调整窗口大小时,它会正确调整:

当切换选项卡时,我可以通过JS中的函数调用来刷新/调整我的网格吗？

我有一个Highchart,当窗口改变大小时,它会大大调整宽度.但不是高度.我试过这个设定的图表大小,但它不能正常工作.当窗口改变大小时,有没有其他方法可以自动更改高度？

这是我输出的css代码.我有一个Jquery UI选项卡,另一个选项卡显示数据表

#output-container
{
    float: right;
    display: inline;
    position: absolute;
    right: 10px; 
    left: 400px;
    top:120px;
    overflow-y: auto;
}

这是我对chartdiv的css:

#chartContainer{
    margin: auto;
}

这是js Chart函数:

function qchart(){
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'chartContainer',
            type: 'column',
            spacingBottom: 3,
            //height: (screen.availHeight)-500,
            marginRight: 30,
            marginBottom: 30,
            reflow: true
        },
        //etc..
    };
    //...
}