1、坐标轴方法可以集合在一个文件内,用export default导出,便于解决多个图表的坐标轴单位不同
export default {
//单位k
tranNumber(num) {
var numStr = num.toString();
// 三位数以内直接返回
if (numStr.length < 4) {
return numStr;
}
//大于3位数加k
else if (numStr.length > 3) {
var decimal = numStr.substring(numStr.length - 4, numStr.length - 4);
return parseFloat((num / 1000) + '.' + decimal) + 'k';
}
},
//无单位
Kone_tranNumber(num) {
var numStr = num.toString();
// 三位数以内直接返回
if (numStr.length < 4) {
return numStr;
}
//大于3位数
else if (numStr.length > 3) {
var decimal = numStr.substring(numStr.length - 4, numStr.length - 4);
let number = parseFloat(parseInt(num / 1000) + '.' + decimal);
}
},
//单位 MiB GiB
Two_tranNumber(num) {
var numStr = num.toString();
// 三位数以内+M
if (numStr.length < 4) {
return numStr + 'M';
}
//大于3位数加G
else if (numStr.length > 4) {
var decimal = numStr.substring(numStr.length - 4, numStr.length - 4);
let number = parseFloat((num / 1000000) + '.' + decimal)
return number < 1000 ? number + 'MiB' : String(Number(number) / 1000) + 'G';
}
},
}
2、在对应的echarts图表中使用
1)、首先引入方法文件, import yAxisOne from "../../../utils/yAxis"; 此处文件夹路径为我自己的路径
在echart中有个yaxis属性,可以如下使用坐标轴方法
yAxis: {
type: "value",
axisLabel: {
formatter: yAxisOne.tranNumber,
color: "#1e1e1e",
},
},