首页 > 其他 > 详细

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

时间:2018-03-01 12:37:10      阅读:4751      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

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

原文:https://www.cnblogs.com/pengfei25/p/8487729.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!