关注JEECG发展历程 关注最新动态和版本, 记录JEECG成长点滴 更新日志 - 技术支持 - 招聘英才

JEECG最新版本下载 JEECG智能开发平台 - 显著提高开发效率 常见问题 - 入门视频 - 参与开源团队

商务QQ: 69893005、3102411850 商务热线(5*8小时): 010-64808099 官方邮箱: jeecgos@163.com

查看: 6578|回复: 4

[Online报表] 关于图表配置x轴显示文本问题

[复制链接]
发表于 2018-11-2 16:55:58 | 显示全部楼层 |阅读模式
如图,x轴数目比较多的时候,文本显示有问题
QQ图片20181102165415.png
 楼主| 发表于 2018-11-2 17:12:38 | 显示全部楼层
不在一列显示,而是错开了
发表于 2018-11-2 18:22:12 | 显示全部楼层
TG9RT{%{V`V[XYE~V}}}Z@X.png
这个效果实现方法如下截图
S0BY]6PS)%W}[]_6(DQL{)5.png
代码:
                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
 楼主| 发表于 2018-11-2 21:17:20 | 显示全部楼层
jeecg_ty 发表于 2018-11-2 18:22
这个效果实现方法如下截图

代码:

好的, 谢谢
 楼主| 发表于 2018-11-2 21:27:49 | 显示全部楼层
jeecg_ty 发表于 2018-11-2 18:22
这个效果实现方法如下截图

代码:

把你这个直接copy过去的,为啥没变化呢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表