EXT charts中自定义坐标轴标签

最新推荐文章于 2022-07-07 16:57:00 发布

原创最新推荐文章于 2022-07-07 16:57:00 发布 · 460 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

Web前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何在ExtJS中自定义图表Y轴的显示内容，通过使用labelRenderer属性结合自定义函数实现将数值标签转换为特定字符串，如将数字0、1、2分别显示为“死亡”、“未探测”和“存活”。此外，还提供了使用内置渲染器的示例。

我们在现实使用中会遇到这样的情况，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，比如