欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts没有数据时显示暂无数据

程序员文章站 2022-06-07 19:37:47
...

在 echarts 正常渲染后,会在容器 div 上面添加一个自定义的属性_echarts_instance_,
我们可以在判断数据为空时,在容器里面加上暂无数据。具体代码如下:

if(!dataObj.length>0){
        $("#produce").html('<div id="nodata" style="text-align: center;height:300px;line-height: 300px">暂无数据...</div>');
        $('#produce').removeAttr('_echarts_instance_');
        return;
}
相关标签: echarts nodata