1. 程式人生 > >[Extjs6]隨記(建立pie3D餅狀圖)

[Extjs6]隨記(建立pie3D餅狀圖)

Ext.define('Admin.view.smartdispatch.LineOverview',{
    extend: 'Ext.panel.Panel',
    xtype: 'lineoverview',

    requires: [
        'Ext.chart.PolarChart',
        'Ext.chart.interactions.Rotate',
        'Ext.chart.series.Pie3D'
    ],

    title: '11路',
    iconCls: 'fa fa-bus',
    cls: 'quick-graph-panel shadow'
, height: 300, //ui: 'light', layout: 'fit', viewModel: { type: 'lineoverviewmodel' }, items: [ { xtype: 'polar', colors: [ '#aed581', '#6aa5db', '#ee929c' ], height: 280
, bind: '{linePieData}', 或者 store:[field:['','',''],data:[{},{}]] series: [{ type: 'pie3d', //xfield: 'xvalue', angleField: 'yvalue', donut: 30 }], defaults: { width: '100%' } } ] });