javascript - 如何在鼠标单击时显示不同 div 中的不同文本？

Question

如何在鼠标单击时显示不同 div 中的不同文本？
因此，每次点击饼图时，它都应该显示与 div 不同的文本。
我怎样才能做到这一点？

这是代码:http://jsfiddle.net/r6p7E/19/
但我想要这样的东西:http://jsfiddle.net/hari_shanx/2ehdW/

click: function(event) {
    if(event.point.selected) {
        $("#content").hide();
    }else {
        $("#content").show();
        $("#content").html(event.point.name)
    }
}

Answer 1

据我了解，您需要实现一种 map 来将选定的图表数据转换为正确的 div id 并获取该 div 的内部文本。

我不知道你有什么div，例如:http://jsfiddle.net/r6p7E/21/

click: function(event) {
  alert($('#data'+event.point.name).html());
  $('#testDiv').show();
}

在这种情况下， map 被处理为'#data'+event.point.name

但是你可以使用 js hashtable 来实现复杂的映射。