[英]how to increase name in pie chart in extjs
当我在名称中使用五个以上的字母时,它就会从图表中消失,请参阅我使用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') }); }
问题出在您的系列标签上:
label: {
field: 'name',
display: 'rotate',
contrast: true,
font: '12px Arial'
},
display: 'rotate',
在某些情况下在图表内部显示标签,在其他情况下在外部显示标签,您应该改用display: 'inside',
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.