Extjs中columnchart类型的X轴文字显示问题

[yaniel8931]

新建的panel代码如下：
如何设置，可以让X轴的文字，45°，315°，90°等，有角度倾斜的显示？求大侠解决下
var panel = new Ext.Panel({
frame : true,
iconCls : "chart",
width : 700,
height : 280,
layout : 'fit',
items : [{
xtype : 'columnchart',
store : store,
xField : 'ksmc',
url : 'charts.swf',
series : [{
displayName : '健康档案',
yField : 'bzf111',
style : {
mode : 'stretch',
color : 0x00DDDD
}
}, {
displayName : '班级11(2)',
yField : 'bzf112',
style : {
mode : 'stretch',
color : 0x99BBE8
}
}, {
displayName : '班级11(3)',
yField : "bzf113",
style : {
mode : 'stretch',
color : 0x00FFFF
}
}],
chartStyle : {
padding : 10, // 填充。
animationEnabled : true,
legend : { // 柱形说明文字。
display : 'top',
font : {
hold : true
}
},
font : { // X轴Y轴字体设置。
name : 'Tahoma',
color : 0x444444,
size : 11
},
dataTip : { // 提示框显示。
padding : 5,
border : { // 边框设置。
color : 0x99bbe8,
size : 1
},
background : {
color : 0xDAE7F6,
alpha : .9
// 透明度。
},
font : { // 字体设置。
name : 'Tahoma',
color : 0x15428B,
size : 15,
hold : true
}
}
}
}]
})

[ppjjww123456]

你可以参照这个试试 axes: [ { type: 'Numeric', //数字类型轴 position: 'left', //停靠位置 fields: ['huoyueyonghushu', 'crmshibaishu'], //Y轴坐标数据，会取最大值 label: { //轴上数据文本显示 比如label: { rotate: { degrees: 315} } 旋转315° renderer: Ext.util.Format.numberRenderer('0') }, //title: 'Y坐标', minimum: 0, //起始点数 默认0 grid: true //显示背景表格对照 }

[dong173511212]

楼上的正解，帮了我大忙了，如果遇到x轴的文字过长，可以试试使x轴标签label: { rotate: { degrees: 45} } x轴旋转45°。

[l啸月苍狼]

我的在进行x轴的旋转之后需要进行向左的偏移一下，怎么设置啊？

[刀刃上的你]