0

I'm trying to trigger an event once the legend items gets hovered. However, after many attempts I'm still unable to make it work.

This was one of the examples that made the most sense but no luck with it: http://jsfiddle.net/rAsRP/129/

My controller has (CoffeeScript):

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

Although the JSFiddle example works, my @legend returns an empty array, probably because the legends hasn't been populated yet, which confuses me.

Another attempt where I could get the legends was on 'redraw' event, but attaching the events to the items doesn't seem to trigger the logs.

Any ideas what I could be doing wrong?

Raein Hashemi
  • 3,346
  • 4
  • 22
  • 33
Gustavo Matias
  • 3,508
  • 3
  • 27
  • 30
  • In your fiddle you used **`var chart = this`** and then got the legends out of **`legend = chart.legend`**. Shouldn't you be doing the same here to populate legend? – Raein Hashemi May 12 '15 at 04:53

1 Answers1

2

I think you should try :

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

See the demo

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

drinchev
  • 19,201
  • 4
  • 67
  • 93