原文出处:https://blog.csdn.net/qq_37012965/article/details/103278831

问题
需要展示所有的x轴上的文本标签,但是设置interval:0后左右两侧的标签超出容器时依然会被隐藏

此时相关代码如下

xAxis : [
            {
                type : 'category',
                data : dataXt,
                axisLabel: {
                    interval: 0
                }
            }
        ]


解决方法
在不修改文本展示方式 — 倾斜、换行等的情况下,使用rich设置宽度即可解决
 

代码如下

xAxis : [
            {
                type : 'category',
                data : dataXt,
                axisLabel: {
                    interval: 0,
                    formatter: function(value,index) {
                        return '{a|'+ value +'}'
                    },
                    rich: {
                        a: {
                            width: 10, // 只要有就行,无论大小
                        }
                    }
                }
            }
        ]

【总结】:

1、interval - 强制显示所有文本标签; 
2、formatter、rich - 控制显示样式; 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐