在从后端获取数据后,如果进行均值类的计算,需要除法运算,往往会出现分母为0 的情况。分母为0,在计算出的结果为无穷大,显示为NaN,导致Echarts的折线图中出现断点。如图:
理想的折线图,如果不存在数据,断点自动相连。需要对获取的数据进行处理,分母为0替换成其他数据,显示为0既不影响图表表达的涵义,图表也更加美观。
解决方案:
for (var i = 0; i <= arrLen; i++) {
dataName.push(dest1[i].dataKey + "");
var nwArr = [];
//分母为0的处理方案;By PoLeung 2020.08.07
if (dest1[i].totalTrans == "0") {
nwArr[i] = 1;
} else {
nwArr[i] = dest1[i].totalTrans;
}
dataList1.push({
name: dest1[i].dataKey,
value: parseFloat(dest1[i].totalPays / nwArr[i]).toFixed(2)
});
}
Done!
















