zoukankan      html  css  js  c++  java
  • 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);
                        }
  • 相关阅读:
    JDBC
    Servlet的优缺点
    css样式,媒体查询,垂直居中,js对象
    浏览器渲染优化
    css秘密花园
    express 4
    redux
    koa
    webpack
    react学习总结
  • 原文地址:https://www.cnblogs.com/it-lhc/p/7085868.html
Copyright © 2011-2022 走看看