echarts X轴名称过长 和Y轴数据过长
2022-06-02 本文已影响0人
抽疯的稻草绳

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,
},
},
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
yAxis: {
axisLabel: {
fontSize: "15",
},
axisLine: {},
axisLabel: {
margin: 10,
formatter: function (value, index) {
if (value >= 10000 && value < 10000000) {
value = value / 10000 + "万";
} else if (value >= 10000000) {
value = value / 10000000 + "千万";
}
return value;
}
},
splitLine: {
lineStyle: {
color: "rgba(255,255,255,.1)",
},
},
},