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

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

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

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

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

但您可以将js哈希表用于复杂的地图。

Answer 2

传递给click的事件包含event.point，它包含属性name和y，可以为您提供http://jsfiddle.net/hari_shanx/2ehdW/中单击时显示的数据

设置div以显示浏览器名称的示例：

click: function(event) {
    $('#testDiv').show().text(event.point.name);
}

http://jsfiddle.net/qXTbr/

对于我认为你想要的代码：

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

如果您希望数据在未被选中时被隐藏，而不是在被选中时被隐藏

如何在鼠标单击时显示来自不同div的不同文本？

2 个答案: