EXT charts中自定义坐标轴 标签

我们在现实使用中会遇到这样的情况,ext线图中,虽然传进来的是数字,y轴默认显示数字,但是我们需要吧他转换成一些别的东西,比如合格,改变格式(40->¥40)之类的应用,此时可以采用

yAxis: new Ext.chart.NumericAxis({
                                                        displayName: 'alive',
                                                        majorUnit : 1,
                                                        maximum : 2,
                                                        labelRenderer:aliveState,

 labelRenderer这个属性方法,它默认传递当前y轴的标签值,一般比如(1,2,3,4)之类的,而aliveState方法如下

function aliveState(a)
{
    if(a==0){
        return "死亡";
     }
     if(a==2){
  	  // alert("test");
        return "存活";
     }
     if(a==1){
         return "未探测";
     }
}

 

则可以把默认的数字转变为我们想要的任何字符串,首先ext提供了一些封装好的render,比如

使用范例如下

labelRenderer:Ext.util.Format.usMoney

 

另外就是像我一样的自定义了,显示效果如下



 注意左侧的y轴,以前是0,1,2之类的,现在则变成了汉字了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值