Pls suggest me an example for dotchart's hover functionality using graphael

Question

I am trying to create a dot chart(bubble chart) using gRaphael. But their documentation is not so clear on how to add hover effects when the user hovers on the dots. Could any one pls suggest me some examples or give some help tips on the same. Thanx in advance.

Answer 1

Thanks for your reply cancerbero. Here is my java script solution,

dotChart.hover(function(){//onmouseover
        dotChart.covers = r.set();                                
        dotChart.covers.push(r.tag(this.x, this.y, this.value , 0, 10).insertBefore(this));                
    }, function(){//onmouseout
        if(dotChart.covers!=null){
            dotChart.covers.remove();
        }
    });

This has worked fine :)