javascript - 在没有垂直滚动条的html中设置所有div

Question

我正在构建包含图表的仪表板页面(同样使用 HighCharts)。我的 html 还包含 jQuery 选项卡。

在一个选项卡中有 4 个不同的图表。图表正在正确加载，但它带有垂直滚动条。 作为仪表板页面，我想隐藏垂直滚动条。

这是我的 HTML

 <div id="container" style="width:98%;">
        <ul>
            <li><a href="#divP1">Dashboard</a></li>
            <li><a href="#divP2">Network</a></li>
            <li><a href="#divP3">> 24 Hours</a></li>            
        </ul>
        <div id="divP1" style="margin:0 auto;">
            <div id="divDailyUptimeLineChart" style="width:650px;height:250px;float:left;"></div>
            <div style="width:500px;height:250px;margin-left:750px;" id="divUptimeGauge"></div>
            <br />
            <div style="clear:both;width:700px;float:left;" id="divFaultCount"></div>
            <div style="margin-left:700px;" id="divTicketTypeCount"></div>
            <br />            
        </div>      
        <div id="divP2" style="margin:0 auto;">
            <div id="divFaultTicketType" style="width:49%;float:left;" ></div>            
            <div id="divCRATicketType" style="margin-left:49%;width:49%"></div>
        </div>  
        <div id="divP3" style="margin:0 auto;">
            <div id="divTicketTypeTime"></div>
        </div>
    </div>

HighCharts 被重新定义为 divDailyUptimeLineChart divUptimeGauge divFaultCount divTicketTypeCount 在第一个选项卡上

JS:

$('#container').tabs();

我已经在我的 HighCharts 定义代码中尝试过这段代码:但它没有用

chart: {
        renderTo: divID,
        type: 'gauge',
        height: $(document).height()/2,
        width: $(document).width()/2,
        },

Answer 1

给样式 overflow-y : hidden 隐藏垂直滚动条。