雷达图name自定义的text文字居中不生效?

2023-03-25 0 2,980
雷达图name自定义的text文字居中不生效?
name: {
            formatter: function(params, ticket) {
              return `${params}` + '\n' + `{a|权重${ticket.score}%}`
            },
            rich: {
              a: {
                width: 60,
                height: 18,
                fontSize: '10px',
                fontFamily: 'PingFangSC-Regular PingFang SC',
                fontWeight: '400',
                color: '#3693FF',
                display: 'inline-block',
                borderRadius: 13,
                backgroundColor: '#E3F1FF',
                textAlign: 'center'
                // lineHeight: 22
                // padding: '2px 8px',
              }
            },
            textStyle: {
              fontSize: '10px',
              fontFamily: 'PingFangSC-Regular, PingFang SC',
              fontWeight: '400',
              color: '#303133'
              //   lineHeight: '14px'
            }
          },

这里的textAlign center 为什么不生效呢?

雷达图name自定义的text文字居中不生效?
雷达图name自定义的text文字居中不生效?

回答:

主要是这里吧,你通过 \n 换行的,所以不起作用

formatter: function(params, ticket) {
     return `${params}` + '\n' + `{a|权重${ticket.score}%}`
},

正常来说应该都在同一行,文字都在那个淡蓝色框框内,因为你换行了,导致你的第一行都出了那个蓝框,本身样式就有问题了,需要自己重新写,比如这样 return ${params} \n <p style="text-align:center;">{a|权重${ticket.score}%}</p>
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. JK下载官网所有资源来源于开发团队,加入会员即可下载使用!如有问题请联系右下角在线客服!
2. JK下载官方保障所有软件都通过人工亲测,为每位会员用户提供安全可靠的应用软件、游戏资源下载及程序开发服务。
3. JK开发团队针对会员诉求,历经多年拥有现今开发成果, 每款应用程序上线前都经过人工测试无误后提供安装使用,只为会员提供安全原创的应用。
4. PC/移动端应用下载后如遇安装使用问题请联系右下角在线客服或提交工单,一对一指导解决疑难。

JK软件下载官网 技术分享 雷达图name自定义的text文字居中不生效? https://www.jkxiazai.com/976.html

JK软件应用商店是经过官方安全认证,保障正版软件平台

相关资源

官方客服团队

为您解决烦忧 - 24小时在线 专业服务