/**
 * @class Ext.draw.sprite.Sector
 * @extend Ext.draw.sprite.Path
 * @alias sprite.sector
 *
 * A sprite representing a pie slice.
 *
 *     @example
 *     Ext.create({
 *        xtype: 'draw', 
 *        renderTo: document.body,
 *        width: 600,
 *        height: 400,
 *        sprites: [{
 *            type: 'sector',
 *            centerX: 100,
 *            centerY: 100,
 *            startAngle: -2.355,
 *            endAngle: -.785,
 *            endRho: 50,
 *            fillStyle: '#1F6D91'
 *        }]
 *     });
 */
 
/**
 * @cfg {Number} [centerX=0]
 * The center coordinate of the sprite on the x-axis.
 */
 
/**
 * @cfg {Number} [centerY=0]
 * The center coordinate of the sprite on the y-axis.
 */
 
/**
 * @cfg {Number} [startAngle=0]
 * The starting angle of the sprite.
 */
 
/**
 * @cfg {Number} [endAngle=0]
 * The ending angle of the sprite.
 */
 
/**
 * @cfg {Number} [startRho=0]
 * The starting point of the radius of the sprite.
 */
 
/**
 * @cfg {Number} [endRho=150]
 * The ending point of the radius of the sprite.
 */
 
/**
 * @cfg {Number} [margin=0]
 * The margin of the sprite from the center of pie.
 */