/**
 * @class Ext.chart.interactions.ItemInfo
 * @extend Ext.chart.interactions.Abstract
 * @alias interaction.iteminfo
 *
 * The ItemInfo interaction allows displaying detailed information about a series data
 * point in a popup panel.
 *
 * To attach this interaction to a chart, include an entry in the chart's
 * {@link Ext.chart.AbstractChart#interactions interactions} config with the `iteminfo` type:
 *
 *     new Ext.chart.AbstractChart({
 *         renderTo: Ext.getBody(),
 *         width: 800,
 *         height: 600,
 *         store: store1,
 *         axes: [ ...some axes options... ],
 *         series: [ ...some series options... ],
 *         interactions: [{
 *             type: 'iteminfo',
 *             listeners: {
 *                 show: function(me, item, panel) {
 *                     panel.setHtml('Stock Price: $' + item.record.get('price'));
 *                 }
 *             }
 *         }]
 *     });
 */
 
/**
 * @event show
 * Fires when the info panel is shown.
 * @param {Ext.chart.interactions.ItemInfo} this The interaction instance
 * @param {Object} item The item whose info is being displayed
 * @param {Ext.Panel} panel The panel for displaying the info
 */
 
/**
 * @cfg {Object} gestures 
 * @cfg {String} [gestures.tap='onInfoGesture']
 * Defines the gestures that should trigger the item info panel to be displayed.
 * @accessor
 */
 
/**
 * @cfg {Object} panel 
 * @cfg {Boolean} [panel.modal=true]
 * @cfg {Boolean} [panel.centered=true]
 * @cfg {Number} [panel.width=300]
 * @cfg {Number} [panel.height=200]
 * @cfg {String} [panel.scrollable='vertical']
 * @cfg {Boolean} [panel.hideOnMaskTap=true]
 * @cfg {Boolean} [panel.fullscreen=false]
 * @cfg {Boolean} [panel.hidden=false]
 * @cfg {Number} [panel.zIndex=30]
 * An optional set of configuration overrides for the {@link Ext.Panel} that gets
 * displayed. This object will be merged with the default panel configuration.
 * @accessor
 */