1

我有以下代码来构建饼图。
问题是我没有阴影。
注意：如果图表配置，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
        }


    });

任何想法如何获得阴影？谢谢

4

2 回答 2

2

在您的定义中使用shadow: true（请参阅上一个链接中的文档以查看其他可能的选项） 。chart（不在pie定义范围内）。没有shadowconfig 属性Ext.chart.series.Pie。您将需要shadowAttributes在Ext.chart.series.Pie.

于 2011-09-02T16:55:08.950 回答
1

我找到

return attributes;

渲染器内部是必不可少的。

于 2011-09-22T14:29:37.777 回答