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

 

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


EXT charts中自定义坐标轴 标签
 注意左侧的y轴,以前是0,1,2之类的,现在则变成了汉字了

你可能感兴趣的:(ext)