javascript - 使用 AmCharts map 时通过点击事件获取值(value)

Question

问题:我有一张用 AmCharts 制作的 map 。在一些帮助下，我能够做到这一点，因此在悬停时我可以显示每个州的信息。我想要做到这一点，以便当我单击某个状态时，它会在 div 中显示下面的一些状态信息。

我困惑的想法:起初我认为这需要管理“状态”，但我很确定使用“状态”会有点矫枉过正。话虽如此，让点击事件显示与我悬停时获得的值相同的值似乎应该是一个简单的问题……但现在对我来说显然太难了(或者太晚了)。

一些代码:

$("#chartdiv").click(function() { // line 641
      document.getElementById('tempInfo').innerHTML = event.mapObject.infoTitle;
});

然后我想也许这会起作用:

map.addListener("click", function(event){ // line 637
  document.getElementById('tempInfo').innerHTML = event.mapObject.infoTitle; 
});

完整代码链接: http://codepen.io/anon/pen/PGYQxX?editors=0011

对我的无知和先发制人的感激之情表示歉意:我正在努力提高基本的 JS 能力，但同时我也在努力解决我不太了解的事情。

非常感谢任何帮助，谢谢!

Answer 1

有一个名为 clickMapObject 的事件你可以听一下。它将为您提供您单击的 map 对象，作为您作为参数获取的事件对象的一部分。
由于您似乎懒得使用 jQuery，因此我更改了 DOM 操作来使用它。 (我认为可读性更好)

map.addListener("clickMapObject", function(event){
  $('#tempInfo').html(event.mapObject.infoTitle); // Changes with clicking
});

这是新的 codepen .