javascript - 最初にdivを非表示にすることと動的に非表示にすることの違い

Question

都市間の特定の統計の分布を示す円グラフを含む div があります。それは少し不必要でした。

ドロップダウンメニューで [場所] が選択されている場合にのみ、その円を表示したいと考えています。しかし、最初に非表示にして再度ロードすると、div に収まらずオーバーフローします。

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

しかし、最初に表示してから非表示にして再度表示すると、問題はありません。

それは非常に迷惑であり、私はこれについて何の考えも持っていません。

score 1 · Accepted Answer

#pieハイチャートはそのスペースを埋めるように設計されているため、特定の幅を指定する必要があります。

#pie {
    width: 300px;
}

score 1 · Accepted Answer

.highcharts の後に #pie を非表示

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

2 に答える 2