我該如何顯示選中「自動」的元素的div？

Question

我該怎麼做才能顯示一個選擇「自動」的元素的div？

如果你看這個例子：http://jsfiddle.net/hari_shanx/2ehdW/之前做任何點擊一部分被選中（黃色）。我想展示一個div，而不僅僅是黃色部分。

所以當餡餅「開放」時，我想顯示預選部分的div。

click: function (event) { 
    if (!event.point.selected) { 
     $('#testDiv').show(); 
     var chart_data = 'Name: ' + event.point.name + ' Share: ' + event.point.y; 
     $('#testDiv').html(chart_data); 
    } else { 
     $('#testDiv').hide(); 
    } 
} 

Answer 1

一個可能的解決方案可能是設置div的文本，當你做它。假設您正在動態製作圖表，您也可以動態設置。

<div id="testDiv" style="height: 400px;">Name: Chrome Share: 12.8 </div> 

然後刪除您的CSS顯示選項，以便您馬上看到div。

#testDiv { 
//display: none; 
} 

http://jsfiddle.net/2ehdW/6/

可能是一個更好的解決方案在那裏，如果其他人有想法了。