加载事件问题：无法在饼图的图例上添加悬停事件答案

【问题标题】：Load event issue: unable to add hover event on pie chart's legend加载事件问题：无法在饼图的图例上添加悬停事件
【发布时间】：2015-05-11 19:52:39
【问题描述】：

我正在尝试在图例项悬停后触发事件。但是，经过多次尝试，我仍然无法使其工作。

这是最有意义但没有运气的示例之一：http://jsfiddle.net/rAsRP/129/

我的控制器有（CoffeeScript）：

events:
    load: ->
        for i in @legend.allItems
            i.onMouseOver ->
                console.log 'over'
            i.onMouseOut ->
                console.log 'out'

虽然 JSFiddle 示例有效，但我的 @legend 返回一个空数组，可能是因为尚未填充图例，这让我感到困惑。

我可以获得图例的另一个尝试是在“重绘”事件上，但将事件附加到项目似乎不会触发日志。

有什么想法我可能做错了吗？

【问题讨论】：

在您的小提琴中，您使用了 var chart = this，然后从 legend = chart.legend 中提取了图例。你不应该在这里做同样的事情来填充传说吗？

标签： highcharts coffeescript highcharts-ng

【解决方案1】：

我觉得你应该试试：

events:
  load: ->
    for i in @legend.allItems
      legendItem = i.legendItem
      legendItem.on 'mouseover', -> console.log 'over'
      legendItem.on 'mouseout', ->  console.log 'out'

查看演示

http://jsbin.com/vuyadukuso/1/edit?html,js,console,output

【讨论】：

完美！我不得不使用“重绘”而不是“加载”。由于某种原因，“加载”还没有定义图例。谢谢！