javascript - 如何显示选择“自动”的元素的 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/

如果其他人有更多想法，可能是一个更好的解决方案。