I have a trouble with triggering ExtJS legend event.
For instance, in this fiddle I want to fire itemclick:
https://fiddle.sencha.com/#view/editor&fiddle/3j0c
But nothing happens.
Ext.create({
xtype: 'polar',
renderTo: document.body,
width: 400,
height: 400,
theme: 'green',
legend: {
docked: 'bottom',
listeners: {
itemclick: function() {
console.log("Item clicked");
}
},
},
interactions: ['rotate', 'itemhighlight'],
store: {
fields: ['name', 'data1'],
data: [{
name: 'metric one',
data1: 14
}, {
name: 'metric two',
data1: 16
}, {
name: 'metric three',
data1: 14
}, {
name: 'metric four',
data1: 6
}, {
name: 'metric five',
data1: 36
}]
},
series: {
type: 'pie',
highlight: true,
angleField: 'data1',
label: {
field: 'name',
display: 'rotate'
},
donut: 30
}
});