有上中下三个p,每个p里有一个图表,一个图表一个接口,一个日期含有这三张图表。
现在的情况是,不是每个接口都有数据,想做个根据日期和数据的判断,向上一页后,判断日期里是否有数据,如果其中中一接口有数据,其它接口没有数据,那么其它接口就给显示“暂无数据”的提示:
我的三个p:
<p id="warp" class="mui-scroll">
<p id="emptyp" class="emptyp">暂无数据</p>
<p id="pie_chatted_day" class="Reportp" style="margin-bottom: 10px;"></p>
<p id="bar_chattedNoInformation_day_1" class="Reportp" style="margin-top: 60px;"></p>
<p id="bar_chattedGroupChat_day_2" class="Reportp"></p>
</p>
巴扎黑2017-04-10 16:54:17
解决了,其实挺简单,只要写三个p就可以了,三个空的p对应三张图表:
<p id="warp" class="mui-scroll">
<p id="emptyp" class="emptyp" style="margin-top: 50px;">暂无数据</p>
<p id="emptyp1" class="emptyp" style="margin-top: 320px;">暂无数据</p>
<p id="emptyp2" class="emptyp" style="margin-top: 640px;">暂无数据</p>
<p id="pie_chatted_day" class="Reportp"></p>
<p id="bar_chatted_day1" class="Reportp"></p>
<p id="bar_chatted_day2" class="Reportp"></p>
</p>
三个图表的方法里把他们对应的关系写上
function fetchDate() {
pieDayChart.clear();
jiajajaxFull(requestUrl, param, 'get', function(data){
if(data && data.length > 0){
emptyp.hide();
pieDayChart.setOption(buildPieOption('',data));
}else{
emptyp.show();
}
}, function(error){
}, null);
}
function fetchDate2() {
barDayChart1.clear();
jiajajaxFull(requestUrl2, param, 'GET', function(data) {
if (data && data.length > 0) {
emptyp1.hide();
barDayChart1.setOption(buildBarOption2('', data));
}else{
emptyp1.show();
}
}, function(error) {}, null);
}
function fetchDate3() {
barDayChart2.clear();
jiajajaxFull(requestUrl3, param, 'GET', function(data) {
if (data && data.length > 0) {
emptyp2.hide();
barDayChart2.setOption(buildBarOption3('', data));
}else{
emptyp2.show();
}
}, function(error) {
}, null);
}