乐趣区

关于前端:Echart实现无数据部分虚线过渡

需要

用户按天提交数据,会呈现某一天没有提交的状况,产品说不能跳过,必须要用虚线链接上周和下下周的数据,于是就有了这个需要

代码实现

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {type: 'value'},
    series: [ {
        name:'测试',
        data: [0,932,'-', '-', 930, '1020',1110],
        type: 'line',
        itemStyle: {
            normal: {
                lineStyle: {
                    width: 2,
                        type:'dashed'
                    }
                }
        }
    },
    {
        name:'测试',
        data: ['-',932,800, 900, 930, '-',1110],
        type: 'line',
       
    }]
};

退出移动版