echarts-类目轴(category)强制显示所有文本标签
原文出处:https://blog.csdn.net/qq_37012965/article/details/103278831问题需要展示所有的x轴上的文本标签,但是设置interval:0后左右两侧的标签超出容器时依然会被隐藏此时相关代码如下xAxis : [{type : 'category',data : dataXt,axisLabel: {
·
原文出处: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 - 控制显示样式;
更多推荐
已为社区贡献2条内容
所有评论(0)