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.
  1. #1
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    India
    Posts
    222
    Vote Rating
    0
    maitreya.karandikar is on a distinguished road

      0  

    Default 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 :

    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
                            }
                }
            ]
        }
    });
    Please let me know if this is bug.

    Thanks!!

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    34,121
    Vote Rating
    453
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    I have opened a bug in our bug tracker.

Tags for this Thread