xAxis: {
data: this.liveDataName,
axisTick: {
alignWithLabel: true,
},
axisLabel: {
// color: 'red',
fontSize: "11",
interval: 0,
// rotate: -30
formatter: function (value) {
var str = "";
var num = 5; //每行显示字数
var valLength = value.length; //该项x轴字数
var rowNum = Math.ceil(valLength / num); // 行数
if (rowNum > 1) {
for (var i = 0; i < rowNum; i++) {
var temp = "";
var start = i * num;
var end = start + num;
temp = value.substring(start, end) + "\n";
str += temp;
}
return str;
} else {
return value;
}
}
},
axisLine: {
show: true,
},
},
echarts XY轴label过长问题解决
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经...
- 上午安装配置electron的打包程序的时候频繁报错来来回回尝试了很多方法,最后卡在 RequestError: ...
- 2.解决方法: 3.说明:1)主要是通过设置label标签的字体,内容通过rich来重置字体大小,解决换行重叠问题...