码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-03-01 13:30:08      阅读:7652      评论:0      收藏:0      [点我收藏+]

标签:gpo   loading   char   图片   bubuko   nbsp   length   type   ==   

对于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没有数据显示暂无数据

标签:gpo   loading   char   图片   bubuko   nbsp   length   type   ==   

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

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!