在从后端获取数据后,如果进行均值类的计算,需要除法运算,往往会出现分母为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!