Echarts X轴数据量多,文字多重叠显示问题

Echarts X轴数据量多,文字多重叠显示问题

试了文字倾斜,文字换行,效果都不太理想,有没有什么好的方法或建议

img

将字段以省略号展示或者添加滚动条

调整x轴字体大小,图层x轴单位长度变大等。

这个本质原因是因为x轴label文字太多,想要解决只能变着方法显示。除了你现在的斜着排列,以及缩小字体什么的。
1、你可以尝试让他每隔一个显示一个x轴文字,如果还挤,就多隔几个。 然后配合tooltip属性,让用户在悬浮到某个柱状图的时候,可以看到此柱状图的详细信息。
2、强制每一个都显示,然后设置 hideOverlap 属性,echarts会自动处理是否显示和隐藏。
3、调用formatter 函数,你添加自定义处理。

这个可以让文字进行一个换行,加省略号,实在不行问一下能不能截取其中的几位进行展示
https://blog.51cto.com/u_12553473/5641952

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632