PDA

View Full Version : Change cursor style when pointing to piechart



jqwu_csu
28 Jul 2009, 10:20 PM
I meet a problem that bother me a lot. i want to chang the cursor style(like cursor:hand) when my cursor is pointed to the piechart. i have try it using the code below, but its does not work. :">

new Ext.Panel({
id: 'id1',
width: 400,
height: 400,

title: 'Pie Chart with Legend - Favorite Season',
renderTo: 'container1',
items: {
id:'id2',
store: store,
xtype: 'piechart',
dataField: 'total',
categoryField: 'season',
listeners:{
itemmouseover: function(){
var e= Ext.dd.DragDropMgr.getElement('id2');
e.style.cursor="hand";
},
itemmouseout:function()
{
}
},
extraStyle:
{
legend:
{
cursor: 'hand',
display: 'bottom',
padding: 5,
font:
{
family: 'Tahoma',
size: 13
}
}
}
}
});
});