echarts3.0版本断点连线的处理

Posted xzzzys

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了echarts3.0版本断点连线的处理相关的知识，希望对你有一定的参考价值。

项目应用到echarts图表组件、官网的demo中出现空数据会断开、经过跟踪调试、修改echarts.js以下代码即可实现断点连线功能(需要将空数据处理成‘-‘、这样才能均值)：



for (var k = 0; k < dimensions.length; k++) {
                        var dim = dimensions[k];
                        var dimStorage = storage[dim];
                        if (dataItem == ‘-‘)//遇到空值处理、取前后两个数据的平均值
                        {
                            //debugger;
                            var preItem = null, nextItem = null;
                            for (var j = i - 1; j >= 0; j--) {//从当前数组索引往前找数据
                                var myItem = parseFloat(data.getItem(j));
                                if (myItem.toString() != ‘NaN‘) {
                                    preItem = myItem;
                                    break;
                                }
                            }
                            for (var j = i + 1; j < size; j++) {
                                var myItem = parseFloat(data.getItem(j));
                                if (myItem.toString() != ‘NaN‘) {
                                    nextItem = myItem;
                                    break;
                                }
                            }
                            if (preItem != null && nextItem!=null)
                            {
                                dataItem = ((preItem + nextItem) / 2).toFixed(2);
                            }
                           // else if(preItem != null)
                           // {
                           //     dataItem = preItem;
                           // }
                           // else if (nextItem != null) {
                           //    dataItem = nextItem;
                           //  }
                        }
                        // PENDING NULL is empty or zero
                        dimStorage[i] = dimValueGetter(dataItem, dim, i, k);
                    }

以上是关于echarts3.0版本断点连线的处理的主要内容，如果未能解决你的问题，请参考以下文章

vue中使用 echarts3.0 或 echarts2.0 (模拟迁徙图，折线图)

eclipse 断点调试

可视化篇：Echarts3.0引入百度地图（更新）

echarts3.0 本期累计堆叠

ECharts3.0饼状图使用问题总结

echarts3.0地图的炫光飞机样式怎么去除