Echars 动态生成数据与为0的数据不显示(折线图)

1、贴个效果图

2、讲个 自己的小思路: 准备自己统计的数据: 如下图(代码很简单):

// 首先我们需要一个data
// data里面需要什么数据？
// 1、每日的日期 2、每日日期对应的商品名称 3、每日日期对应的商品名称销售总数量
// 比如:
//     goodsName        days            count
//     老干妈            2019-01-01      17
//     摇摇冻            2019-01-01      20
//     老干妈            2019-01-02      10
//     摇摇冻            2019-01-02      8
// 有了这个data 是不是可以开始做事了？

var totalGoodsSalesPie = echarts.
    init(document.getElementById('totalGoodsSales'), 'shine');

// 获取到后台传过来的数据
var data = null;
$.ajax({
    url: '/*****e/pa*****er/totalGoodsSales',
    type: 'post',
    async: false,
    data: {isBulk: _isBluk, deviceNo: _totalGoodsDeviceNumber},
    dataType: 'json',
    success: function (res) {
        if (res != null && res.length != 0) {
            for (let i = 0; i < res.length; i++) {
                // 所有的商品名称
                _good_name.push(res[i].goods_name);
                // 所有的日期
                _days.push(res[i].days)
            }
            data = res;
        }
    }
})

// 用数组接受商品名称 和 日期
var _good_name = [], _days = [];
_good_name = removeRepeatArrElement(_good_name);
_days = removeRepeatArrElement(_days);
// 数组去重复
function removeRepeatArrElement(arr){
    var newArr = [];
    var len = arr.length;
    for(var i=0; i';
                for (let i = 0; i < params.length; i++) {
                    // 如果为0 为空的数据我们不要了
                    if (params[i].value != null && params[i].value != 0 
                        && params[i].value != '') {
                        // params[i].marker 需要加上，否则你鼠标悬浮时没有样式了
                        html += params[i].marker;
                        html += params[i].seriesName + ':' + params[i].value + '
';
                    }
                }
            }
            return html;
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '2%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        // name: '日期',
        type: 'category',
        boundaryGap: false,
        data: _days
    },
    yAxis: {
        type: 'value'
    },
    // 动态生成的数据
    series: _seriesArr
};
// end 结束 配置

if (option && typeof option === "object") {
    totalGoodsSalesPie.setOption(option, true);
}

 3、有些人可能动态生成数据那里会看蒙、 那就先把动态生成商品名称先弄出来，先不管数据，名称出来后再看每种商品每天的销售量；