/** * @class Ext.chart.series.Pie3D * @extend Ext.chart.series.Polar * @alias series.pie3d * * Creates a 3D Pie Chart. A Pie Chart is a useful visualization technique to display * quantitative information for different categories that also have a meaning as a whole. * As with all other series, the Pie Series must be appended in the *series* Chart array * prop. See the Chart documentation for more information. ** @example packages=[extangular]* import { Component } from '@angular/core'* declare var Ext: any;** @Component({* selector: 'app-root-1',* styles: [`* `],* template: `* <polar downloadServerUrl ="http://svg.sencha.io" #item* [width]="'800px'"* [height]="'600px'"* theme="green"* [interactions]="['rotate']"* [store]="this.store"* [series]="polarSeries"* ></polar>* `* })* export class AppComponent {* store = new Ext.data.Store({* fields: ['name', 'data1'],* data: [* { name: 'metric one', data1: 14 },* { name: 'metric two', data1: 16 },* { name: 'metric three', data1: 14 },* { name: 'metric four', data1: 6 },* { name: 'metric five', data1: 36 }* ]* })** polarSeries =[{* type: 'pie3d',* angleField: 'data1',* donut: 30,* label: {* field: 'name',* display: 'rotate'* },* }];* } */ /** * @cfg {String} angleField (required) * The store record field name to be used for the pie angles. * The values bound to this field name must be positive real numbers. * @accessor */ /** * @cfg {Boolean/Number} [donut=false] * Whether to set the pie chart as donut chart. * Can be set to a particular percentage to set the radius * of the donut chart. * @accessor */ /** * @cfg {Array} [hidden=[]] * Determines which pie slices are hidden. * @accessor */ /** * @cfg {Object} highlightCfg * Default {@link #highlight} prop for the 3D pie series. * Slides highlighted pie sector outward. * @accessor */ /** * @cfg {Number} [rotation=0] * The starting angle of the pie slices. * @accessor */