javascript - 最初隐藏 div 和动态隐藏 div 的区别

Question

我有一个包含饼图的 div，它显示了特定统计数据在城市之间的分布。这有点不必要。

我只想在我的下拉菜单中选择位置时显示该饼图。但是当我最初隐藏它并再次加载它时，它不适合 div 并溢出。

$("#pie").hide(); // this line will be removed in second example

但是当我最初显示它然后隐藏并再次显示时，就没有问题了。

这很烦人，我对此一无所知。

score 1 · Accepted Answer

您需要指定#pie一个特定的宽度，因为 highcharts 旨在填充它所拥有的空间。

#pie {
    width: 300px;
}

score 1 · Accepted Answer

在 .highcharts 之后隐藏#pie

$(function(){
    $("#pie").highcharts({    
         //...
    });    
    $("#pie").hide();
});

2 回答 2