<label>生产效率</label>
<ve-histogram
:data="todayProNumRateData"
:settings="todayProNumRateSettings"
:extend="proEffChartExtend"//这是重点代码
></ve-histogram>
this.proEffChartExtend = {
series: {
barWidth: 30 //这就是宽度
},
xAxisType: "value",
xAxis: {
axisLabel: {
interval: 0,
//换行显示
formatter: function(value) {
let result = ""; //拼接加\n返回的类目项
let maxLength = 4; //每项显示文字个数
let valLength = value.length; //X轴类目项的文字个数
let rowNumber = Math.ceil(valLength / maxLength); //类目项需要换行的行数
if (rowNumber > 1) {
//如果文字大于3,
for (let i = 0; i < rowNumber; i++) {
let temp = ""; //每次截取的字符串
let start = i * maxLength; //开始截取的位置
let end = start + maxLength; //结束截取的位置
temp = value.substring(start, end) + "\n";
result += temp; //拼接生成最终的字符串
}
return "{labelText|" + result + "}";
} else {
return "{labelText|" + value + "}";
}
},
rich: {
labelText: {
lineHeight: 18
}
}
}
},
color: "#d87a80"
};