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

将样式溢出-y：隐藏隐藏垂直滚动条。

Answer 2

尝试将其添加到包含图表的每个div的样式中：

overflow-y: hidden;

所以例如divDailyUptimeLineChart将如下所示：

<div id="divDailyUptimeLineChart" style="width:650px;height:250px;float:left;overflow-y:hidden;"></div>

Answer 3

试试此代码

JS：

$("div").css('overflow-y','hidden');

内部风格：

    div
    {
    overflow: auto; 
    overflow-y: hidden;    
    //For IE8: 
    -ms-overflow-y: hidden;    
    }

<强> For More Info

Answer 4

首先要隐藏div的溢出，你应该减少div的宽度并将你的内容放在里面。

否则你可以使用

overflow-y:hidden;

这将隐藏超出的内容。当想要显示div的全部内容时，这将是一个主要的缺点。

尝试调整标签容器宽度。因此标签不会超过预期的大小....

我建议您read了解有关溢出属性的更多信息。

Answer 5

你在寻找什么是css中的溢出属性...查看你的css文件并找到类似的内容：

div {
overflow: auto;
}

你想将overflow属性设置为隐藏... 有关详细信息，请查看此link

在没有垂直滚动条的情况下设置html中的所有div

5 个答案: