extjs/templates/admin-dashboard/modern/src/view/dashboard/TopMovie.js

   1 Ext.define('Admin.view.dashboard.TopMovie', {
   2     extend: 'Ext.Panel',
   3     xtype: 'topmovies',
   4     ui: 'light',
   5
   6     requires: [
   7         'Ext.chart.PolarChart',
   8         'Ext.chart.series.Pie',
   9         'Ext.chart.series.sprite.PieSlice',
  10         'Ext.chart.interactions.Rotate'
  11     ],
  12
  13     height: 130,
  14     layout: 'fit',
  15
  16     title: 'Top Movie',
  17     cls: 'quick-graph-panel',
  18     header: {
  19         docked: 'bottom'
  20     },
  21     platformConfig: {
  22         '!phone': {
  23             iconCls: 'x-fa fa-video-camera'
  24         }
  25     },
  26
  27     items: [
  28         {
  29             xtype: 'polar',
  30             animation : !Ext.isIE9m && Ext.os.is.Desktop,
  31             height: '100%',
  32             width: '100%',
  33             background: '#33abaa',
  34
  35             colors: [
  36                 '#115fa6',
  37                 '#94ae0a',
  38                 '#a61120',
  39                 '#ff8809',
  40                 '#ffd13e',
  41                 '#a61187',
  42                 '#24ad9a',
  43                 '#7c7474',
  44                 '#a66111'
  45             ],
  46
  47             radius: 100,
  48
  49             bind: '{topMovies}',
  50
  51             series: [
  52                 {
  53                     type: 'pie',
  54                     colors: [
  55                         '#ffffff'
  56                     ],
  57                     label: {
  58                         field: 'x',
  59                         display: 'rotate',
  60                         contrast: true,
  61                         font: '12px Arial'
  62                     },
  63                     xField: 'yvalue'
  64                 }
  65             ],
  66
  67             interactions: [
  68                 {
  69                     type: 'rotate'
  70                 }
  71             ]
  72         }
  73     ]
  74 });