当前位置:编程学习 > JAVA >>

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 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,