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

对于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'
        }
    }

posted @ 2018-03-01 11:51  人在路途  阅读(5942)  评论(0编辑  收藏  举报