excel柱形图如图1：百分比怎么自动算出。2：下标怎么设置成0，1,2,3,4,5,6,并且在坐标点上。

发布网友发布时间：2022-09-22 00:05

共1个回答

热心网友时间：2023-11-22 23:07

你要先把数据从页面上取出来，放进columnchart里，然后定义一个store和model,model里定义fields,这个fields一个就是你要的横坐标，另一个就是百分比。下面是view的js的代码

{
xtype: 'chart',
height: 470,
width: 500,
id: 'AddReportFRentPanel_DistributionGrid',
title:'',
animate: true,
insetPadding: 20,
store: 'AddReportFRentPanel_DistributionJsonStore',
axes: [
{
type: 'Category',
fields: [
'fccname'
],
title: '',
position: 'bottom'
},
{
type: 'Numeric',
fields: [
'count'
],
grid: true,
minimum: 0,
maximum: 100,
title: '',
position: 'left'
}
],
series: [
{
type: 'column',
highlight: true,
tips: {
trackMouse: true,
width: 140,
height: 28,
renderer: function(storeItem, item) {
var total = 0;
var store = Ext.getCmp('AddReportFRentPanel_DistributionGrid').getStore();
store.each(function(rec){
total += rec.get('count');
});
this.setTitle(storeItem.get('fccname') + ': ' + Math.round(storeItem.get('count')/total*100) + '%');
}
},
label: {
display: 'insideEnd',
'text-anchor': 'middle',
field: 'count',
renderer: Ext.util.Format.numberRenderer('0'),
orientation: 'vertical',
},
xField: 'fccname',
yField: 'count'
}
],
legend: {
position: 'right'
}
},
我用的事extjs4.2的，不知道其他版本的是不是这么写的。