如何在extjs的餅圖中增加名稱

Question

當我在名稱中使用五個以上的字母時，它就會從圖表中消失，請參閱我使用extjs 6上傳的圖像我只是想在圖表中使用較大的名稱

  { xtype: 'polar', split: true, flex: 0.3, colors: [ '#347327', '#2897d2', '#de6110', ], bind: { store: '{pie}' }, series: [{ type: 'pie', showInLegend: true, donut: false, tips: { trackMouse: true, width: 140, height: 28, renderer: function(storeItem, item) { this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data')); } }, highlight: { segment: { margin: 15 } }, label: { field: 'name', display: 'rotate', contrast: true, font: '12px Arial' }, xField: 'data' }], interactions: [{ type: 'rotate' }] } 

這是我動態給定的名稱，我希望該名稱在餅圖的側面，在圖表上我的意思是上面的意思，但是當我使用包含多於5個字母的名稱時，它會在圖表的側面伸出，我將上傳一張圖片。

 var pieStore = this.getViewModel().getStore('pie'); var rec = selected[0]; if (rec.get('new')) { pieStore.add({ 'name': 'NEW', data: rec.get('new'), total: rec.get('total') }); } if (rec.get('openToQc')) { pieStore.add({ 'name': 'QC', data: rec.get('openToQc'), total: rec.get('total') }); } if (rec.get('open')) { pieStore.add({ 'name': 'Open', data: rec.get('open'), total: rec.get('total') }); } if (rec.get('rejected')) { pieStore.add({ 'name': 'Rejected', data: rec.get('rejected'), total: rec.get('total') }); } 

Answer 1

問題出在您的系列標簽上：

label: {
       field: 'name',
       display: 'rotate',
       contrast: true,
       font: '12px Arial'
     },

display: 'rotate',在某些情況下在圖表內部顯示標簽，在其他情況下在外部顯示標簽，您應該改用display: 'inside',

您可以在此處看到一個有效的示例