最初隐藏div并动态隐藏它之间的区别

Question

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

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

以下是jsfiddle

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

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

second fiddle

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

Answer 1

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

#pie {
    width: 300px;
}

Fiddle

Answer 2

在.highcharts之后隐藏#pie

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

http://jsfiddle.net/nS5wp/5/