qinyiliang 发表于 2018-11-2 16:55:58

关于图表配置x轴显示文本问题

如图，x轴数目比较多的时候，文本显示有问题

qinyiliang 发表于 2018-11-2 17:12:38

不在一列显示，而是错开了

jeecg_ty 发表于 2018-11-2 18:22:12


这个效果实现方法如下截图

代码：
                labels: {
                style: {
                    fontSize: '10px'
                },
                formatter: function() {
                    var labelVal = this.value;
                    var reallyVal = labelVal;
                    var lvl = labelVal.length;
                    if(lvl > 8 && lvl <=16){
                      reallyVal = labelVal.substr(0,8)+"<br/>"+labelVal.substring(8,lvl);
                    }else if(lvl > 16 && lvl <=24){
                      reallyVal = labelVal.substr(0,8)+"<br/>"+labelVal.substr(8,8)+"<br/>"+labelVal.substring(16,lvl);
                    }else if(lvl > 24){
                      reallyVal = labelVal.substr(0,8)+"<br/>"+labelVal.substr(8,8)+"<br/>"+labelVal.substr(16,8)+"<br/>"+labelVal.substring(24,lvl);
                    }
                   
                    return reallyVal;
                }
          }

不行的话自己写，也是改这个formatter

qinyiliang 发表于 2018-11-2 21:17:20

jeecg_ty 发表于 2018-11-2 18:22 static/image/common/back.gif
这个效果实现方法如下截图

代码：


好的， 谢谢

qinyiliang 发表于 2018-11-2 21:27:49

jeecg_ty 发表于 2018-11-2 18:22 static/image/common/back.gif
这个效果实现方法如下截图

代码：


把你这个直接copy过去的，为啥没变化呢:(
页: [1]
查看完整版本: 关于图表配置x轴显示文本问题