【echart】轴文字太多,1条目过多,2但条目文字过长换行

 第一个问题 x轴包含项目过多

 设置在xAxis  坐标轴axisLabel   interval:0

 设置为1未能全部显示

第二个问题:x轴单个项目文字过长

法一

echarts中x轴文字太长换行的几种方式

简单方式解决

https://www.jianshu.com/p/961ee5fa9a8a

法二

参考: 

字符串三种方式切割:split、substring、StringTokenizer_长臂人猿的博客-CSDN博客_字符串切割

https://www.jb51.net/article/250997.htm#_label0

js分割字符串的方法_猪小勇勇的博客-CSDN博客_js分割字符串

slice, substring, substr 方法  

var temp = value.length > 5 ? value.slice(0, 5) + "\n" + value.slice(5) : value

对应我自己代码雷达图部分

formatter: (value) => {
					let i = contains(indicator, value); // 处理对应要显示的样式
					var temp = value.length > 5 ? value.slice(0, 5) + "\n" + value.slice(5) : value
					return '{a|' + dataValue[i] + '}\n' + '{b|' + temp + '}';
				},

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Clark-dj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值