将图例添加到sencha中的饼图

Question

我在sencha中有这个饼图

{
                        xtype: 'polar',
                        height: 600,
                        id: 'genderPieChart',
                        padding: 5,
                        title: 'Chart showiing the number of Males and Females ',
                        colors: [
                            '#115fa6',
                            '#94ae0a'
                        ],
                        store: 'GenderStore',
                        series: [
                            {
                                type: 'pie',
                                xField: 'counter',
                                yField: 'types'
                            }
                        ],
                        interactions: [
                            {
                                type: 'rotate'
                            }
                        ],
                        legend: {
                            xtype: 'legend',
                            itemSelector: 'div',
                            itemTpl: Ext.create('Ext.XTemplate', 
                                '',
                                {
                                    definitions: [
                                        'Male, Female'
                                    ]
                                }
                            )
                        }
                    }

我需要使用我模型中的fielfd为其添加图例，模型为

Ext.define('Qvidi.model.MyModel', {
extend: 'Ext.data.Model',
alias: 'model.MyModel',

requires: [
    'Ext.data.field.Integer'
],

fields: [
    {
        name: 'types'
    },
    {
        type: 'int',
        name: 'counter'
    }
]
});

你可以看到我在第一段代码中添加了图例，但是我需要对它进行配置，我不知道如何，尝试了我能想到的一切，到目前为止不成功