ExtJS 5.1 - 2D vs 3D Pie Chart

Fiddle adapted from Sencha's Chart Kitchen Sink's "Basic Pie Chart" example. The second pie chart is identical to the first except for the series type attribute, which has been changed to the new pie3d series type. This series type was introduced in ExtJS 5.1.

HTML

<script src="https://extjs.cachefly.net/ext/gpl/5.0.1/build/ext-all-debug.js"></script>
<script src="https://extjs.cachefly.net/ext/gpl/5.0.1/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>
<link rel="stylesheet" href="https://extjs.cachefly.net/ext/gpl/5.0.1/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all-debug.css">
<script src="https://extjs.cachefly.net/ext/gpl/5.0.1/packages/sencha-charts/build/sencha-charts-debug.js"></script>
<link rel="stylesheet" href="https://extjs.cachefly.net/ext/gpl/5.0.1/packages/sencha-charts/build/crisp/resources/sencha-charts-all-debug.css">

CSS

.x-panel-header.x-header.x-header-noborder.x-docked.x-unselectable.x-panel-header-default.x-horizontal.x-panel-header-horizontal.x-panel-header-default-horizontal.x-top.x-panel-header-top.x-panel-header-default-top.x-box-layout-ct.x-accordion-hd.x-accordion-hd-sibling-expanded {
    background-color: #D2E7F7 !important;
    font-weight: bold;
}
.x-panel-header.x-header.x-header-noborder.x-docked.x-unselectable.x-panel-header-default.x-horizontal.x-panel-header-horizontal.x-panel-header-default-horizontal.x-top.x-panel-header-top.x-panel-header-default-top.x-box-layout-ct.x-accordion-hd {
    background-color: #D2E7F7 !important;
    font-weight: bold;
}
body#ext-element-1 {
    background-color: #596470 !important;
    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -moz-animation-name: slide-up;
    -webkit-animation-name: slide-up;
}
@-moz-keyframes slide-up {
    from {
        margin-top: 100%;
    }
    to {
        margin-top: 0%;
    }
}
@-webkit-keyframes slide-up {
    from {
        margin-top: 100%;
    }
    to {
        margin-top: 0%;
    }
}

JavaScript

Ext.onReady(function () {

    Ext.QuickTips.init();


    var fiddleHeader = '2D versus 3D Pie Charts',
        fiddleSubHeader = '<i>Fiddle adapted from Sencha\'s <b>Chart Kitchen Sink\'s "Basic Pie Chart"</b> example. ' +
            'The second pie chart is identical to the first except for the series type attribute, which has been changed to the new <a href="http://docs-origin.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.chart.series.Pie3D" target="_blank">' +
            'pie3d</a> series type.  This series type was introduced in ExtJS 5.1.</i>',
        pieChartDataStore = Ext.create('Ext.data.JsonStore', {
            fields: ['os', 'data1'],
            data: [{
                os: 'Android',
                data1: 68.3
            }, {
                os: 'BlackBerry',
                data1: 1.7
            }, {
                os: 'iOS',
                data1: 17.9
            }, {
                os: 'Windows Phone',
                data1: 10.2
            }, {
                os: 'Others',
                data1: 1.9
            }]
        }),
        pieChart2dPanel = Ext.create('Ext.Panel', {
            flex: 1,
            items: [{
                xtype: 'polar',
                theme: 'default-gradients',
                width: '100%',
                height: 500,
                store: pieChartDataStore,
                insetPadding: 50,
                innerPadding: 20,
                legend: {
                    docked: 'bottom'
                },
                interactions: ['rotate', 'itemhighlight'],
                sprites: [{
                    type: 'text',
                    text: 'Data: IDC Predictions - 2017',
                    x: 12,
                    y: 425
                }, {
                    type: 'text',
                    text: 'Source: Internet',
                    x: 12,
                    y: 440
                }],
                series: [{
                    type: 'bar',
                    angleField:...