Тень диаграммы Extjs

Question

У меня есть следующий код для построения круговой диаграммы.
Проблема в том, что у меня нет тени.
Примечание: если конфигурация диаграммы, theme = 'Base' ,тогда у пирога есть тень

Ext.define('ChartPanel', {
    extend: 'Ext.panel.Panel',
    //------------------CONSTRUCTOR  
    , constructor: function(externalConfigs) {
        externalConfigs = externalConfigs || {}; 

        var configs = {
            title: 'My panel',
            items: [
            {
                xtype: 'chart',
                store: myStore,
                width: '30%',
                series: [{
                    type: 'pie'
                        , field: 'persentage'
                        , shadow: 'sides'
                        , showInLegend: false
                        , donut: false
                        , renderer: function(sprite, record, attributes, index, store) {
                            if (record.data.description == 'option1') {
                                sprite.setAttributes({
                                    fill: 'url(#redGradient)',
                                    stroke: '#ffffff'
                                }, false);
                            } else if (record.data.description == 'option2') {
                                sprite.setAttributes({
                                    fill: 'url(#greenGradient)',
                                    stroke: '#ffffff'
                                }, false);
                            }
                        }
                   }]
                   , gradients: [{
                        id: 'redGradient',
                        angle: 45,
                        stops: {
                            0: { color: '#820000' },
                            100: { color: '#BD1E00' }
                        }                        
                    }, {
                        id: 'greenGradient',
                        angle: 0,
                        stops: {
                            0: { color: '#89AC10' },
                            100: { color: '#A1C22D' }
                        }
                    }]
                } 
            ]
            }

            Ext.apply(configs, externalConfigs);
            this.callParent([configs]); //Call the parent constructor
        }


    });    

Есть идеи как получить тень?Спасибо

Answer 1

Используйте shadow: true (см. Документы в предыдущей ссылке, чтобы увидеть другие возможные варианты) в вашем определении chart.(Не входит в определение pie).Для Ext.chart.series.Pie отсутствует свойство конфигурации shadow.Вам нужно будет использовать shadowAttributes в пределах Ext.chart.series.Pie.

Answer 2

Я обнаружил, что

return attributes;

внутри рендерера имеет важное значение.