在从后端获取数据后,如果进行均值类的计算,需要除法运算,往往会出现分母为0 的情况。分母为0,在计算出的结果为无穷大,显示为NaN,导致Echarts的折线图中出现断点。如图:
Echarts实战案例代码(25):javascript分母是0导致折线图断点无法相连的解决方案_数据

理想的折线图,如果不存在数据,断点自动相连。需要对获取的数据进行处理,分母为0替换成其他数据,显示为0既不影响图表表达的涵义,图表也更加美观。
Echarts实战案例代码(25):javascript分母是0导致折线图断点无法相连的解决方案_i++_02
解决方案:

           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!