Extjs中columnchart类型的X轴文字显示问题
新建的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
}
}
}
}]
}) --------------------编程问答-------------------- 你可以参照这个试试
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 //显示背景表格对照
} --------------------编程问答-------------------- 楼上的正解,帮了我大忙了,如果遇到x轴的文字过长,可以试试使x轴标签label: { rotate: { degrees: 45} } x轴旋转45°。 --------------------编程问答-------------------- 我的在进行x轴的旋转之后需要进行向左的偏移一下,怎么设置啊? --------------------编程问答--------------------
补充:Java , Web 开发