[Extjs6]隨記(建立pie3D餅狀圖)
阿新 • • 發佈:2019-02-19
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%'
}
}
]
});