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
    300
    Vote Rating
    2
    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
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I have opened a bug in our bug tracker.

Thread Participants: 1

Tags for this Thread