-
20 Feb 2013 3:05 AM #1
Donut chart iteminfo interaction issue
Donut chart iteminfo interaction issue
Hi,
I am using ST 2.1.1 complete version.
I have donut chart and when i tap on each field, iteminfo interaction works perfectly.
But when I hide the fields via clicking on legends except one field then tap on field to show iteminfo interaction, it doesn't work,
Please see the code :
Please let me know if this is bug.Code:var store = new Ext.data.Store({ fields : ['period', 'value'], data : [ { period : '10-2011', value : 42 }, { period : '11-2011', value : 18 }, { period : '12-2011', value : 27 }, { period : '01-2012', value : 8 }, { period : '02-2012', value : 19 } ] }); Ext.define('App.view.SampleDonut', { extend: 'Ext.chart.PolarChart', xtype: 'sampledonut', config : { cls: '', store: store, // width : 500, //height : 300, animate : false, insetPadding : 20, showMarkers : true, colors : ["#115fa6", "#94ae0a", "#a61120", "#ff8809", "#ffd13e"], interactions: [ { type: 'iteminfo', listeners: { show: function(me, item, panel, e, interaction) { //debugger; panel.setHtml(item.field); panel.setWidth('25%'); console.log(item); } } }, 'itemhighlight' ], legend: { docked: 'right', verticalWidth: 100 }, innerPadding: 45, series : [ { type : 'pie', donut: 50, labelField : 'period', xField : 'value', highlight : { margin : 20 }, label : { field : 'period', display : 'rotate', contrast : true, font : '18px Arial' }, style: { stroke: 'white', miterLimit: 10, lineCap: 'miter', lineWidth: 2 } } ] } });
Thanks!!
-
20 Feb 2013 8:01 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 34,121
- Vote Rating
- 453
I have opened a bug in our bug tracker.
You found a bug! We've classified it as
TOUCH-4028
.
We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.


Reply With Quote