问题
- 需要展示所有的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, // 只要有就行,无论大小
}
}
}
}
]