Extjs4 how to hide tool tip

Question

I have a chart with tool tip. What i want is when i move the mouse over certain data the tooltip should hide and if i move it on someother data it should display again. My sample code is:

            tips = {
        trackMouse : true,
        width : 120,
        height : 26,
        renderer : function(storeItem, item){
            if(item.yField == 'temp'){
            this.hide();    
            } else{
            this.setTitle(storeItem.get(xFld)+':'+item.value[1]);
            }
        };

I tried hide();, destroy();, disable(); and visibility(); but nothing worked. Can anyone give me the proper solution for this. Thanks

score 2 · Accepted Answer · answered Jan 18 '13 at 21:19

2

Handle the ToolTip's beforeShow event. Return true if you want the ToolTip to show, false otherwise.

beforeShow: function(item) {
    return item.yField !== 'temp';
}

answered Jan 18 '13 at 21:19

Kevin L.

4,548
7
39
54

score 0 · Answer 2 · answered Aug 11 '16 at 14:26

0

Handle the ToolTip's beforeShow event Return true if you want the ToolTip to show, false otherwise. It worked for me and it saved my time . thanks Kevin

answered Aug 11 '16 at 14:26

Sudhir Dandale

1

Extjs4 how to hide tool tip

2 Answers2