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

Javascript 如何在鼠标单击时显示来自不同div的不同文本?,javascript,html,highcharts,Javascript,Html,Highcharts,如何在鼠标单击时显示来自不同div的不同文本? 因此,每次单击饼图时,都应显示不同于div的文本。 我该怎么做 这是代码: 但我想要这样的东西: 传递给click的事件包含event.point,其中包含属性name和y,可以为您提供单击时显示的数据 设置div以显示浏览器名称的示例: click: function(event) { $('#testDiv').show().text(event.point.name); } 对于您的代码,我相信您希望: click: functi

如何在鼠标单击时显示来自不同div的不同文本?
因此,每次单击饼图时,都应显示不同于div的文本。
我该怎么做

这是代码:
但我想要这样的东西:


传递给click的事件包含event.point,其中包含属性name和y,可以为您提供单击时显示的数据

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

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

对于您的代码,我相信您希望:

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

由于您希望在未选中而不是选中时隐藏数据,传递给click的事件包含event.point,其中包含属性名称和y,可以为您提供单击时显示的数据

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

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

对于您的代码,我相信您希望:

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

由于您希望数据在未选中时隐藏,而不是在选中时隐藏

据我所知,您需要实现一种映射,将选中的图表数据转换为正确的div id,并获取该div的内部文本

我不知道你有哪些部门,例如:

在这种情况下,地图被处理为
“#data”+event.point.name


但是您可以使用js哈希表来创建复杂的映射。

据我所知,您需要实现一种映射,将选定的图表数据转换为正确的div id,并获取该div的内部文本

我不知道你有哪些部门,例如:

在这种情况下,地图被处理为
“#data”+event.point.name


但是您可以使用js哈希表来创建复杂的映射。

是的!谢谢像这样的东西我想要@哦,我本来打算发这篇文章的,但是看到它和菲尔的答案几乎一样,我没有发。哈利:是的,很简单,但我不太懂javascript。是的!谢谢像这样的东西我想要@哦,我本来打算发这篇文章的,但是看到它和菲尔的答案几乎一样,我没有发。哈利:是的,很简单,但我不太懂javascript。