关于echart没有数据显示暂无数据

Posted 2020-10-25 人在路途

对于echart当没有数据的时候怎么显示，

首先，如果你的series的值为空值的话，曲线将是一片空白，什么都不会有，所以在这里就要进行一个判断，如果没有值的话，人为的添加一个键

    if(Object.keys(obj).length==0){
        series.push({
            name:\'曲线\',
            type:\'line\',
            data:[]
        })
    }

设置了series值后，默认没有数据的时候，echart显示的是一个圈圈，暂无数据，但是通常不是我们想要的结果，所以必须的人为进行设置，echart提供了一个api 

noDataLoadingOption

    noDataLoadingOption:{
        effect:"bubble",
        text:"暂无数据",
        effectOption:{
            effect:{
                n:0
            }
        },
        textStyle:{
            fontSize:32,
            fontWeight:\'bold\'
        }
    }