1、首先是一个图表的容器div,在图表div后边跟一个div用来盛放表示“暂无数据”的图片或文字,如下:
<div id="noDataImg" style="text-align:center; margin-right:20px; margin-top:10%; display:none;"><img src="${ctx}/mainframe/images/no-data.jpg"></div>
我引入的图片如下,具体图片可自行设计或网上搜索:
2、js代码控制如下:
3、效果图如下:
有数据时:
无数据时:
其实并不难,只需要判断传入的数据是否为空,然后根据是否为空来判断图片的隐藏与显示,这样就可以啦!