怎么写这个判断?

有上中下三个DIV,每个DIV里有一个图表,一个图表一个接口,一个日期含有这三张图表。
现在的情况是,不是每个接口都有数据,想做个根据日期和数据的判断,向上一页后,判断日期里是否有数据,如果其中中一接口有数据,其它接口没有数据,那么其它接口就给显示“暂无数据”的提示:

我的三个DIV:

<div id="warp" class="mui-scroll">
    <div id="emptyDiv" class="emptyDiv">暂无数据</div>
    <div id="pie_chatted_day" class="ReportDiv" style="margin-bottom: 10px;"></div>
    <div id="bar_chattedNoInformation_day_1" class="ReportDiv" style="margin-top: 60px;"></div>
    <div id="bar_chattedGroupChat_day_2" class="ReportDiv"></div>
</div>
阅读 2.8k
2 个回答

ajax回调拿到数据以后 判断数据长度 为0则输出暂无数据 或者隐藏其他dom 显示emptyDiv

解决了,其实挺简单,只要写三个div就可以了,三个空的div对应三张图表:

<div id="warp" class="mui-scroll">
        <div id="emptyDiv" class="emptyDiv" style="margin-top: 50px;">暂无数据</div>
        <div id="emptyDiv1" class="emptyDiv" style="margin-top: 320px;">暂无数据</div>
        <div id="emptyDiv2" class="emptyDiv" style="margin-top: 640px;">暂无数据</div>
        <div id="pie_chatted_day" class="ReportDiv"></div>
        <div id="bar_chatted_day1" class="ReportDiv"></div>
        <div id="bar_chatted_day2" class="ReportDiv"></div>
</div>

三个图表的方法里把他们对应的关系写上

function fetchDate() {
    
    pieDayChart.clear();
    jiajajaxFull(requestUrl, param, 'get', function(data){
        if(data && data.length > 0){
            emptyDiv.hide();
            pieDayChart.setOption(buildPieOption('',data));
        }else{
            emptyDiv.show();
        }
    }, function(error){
    
    }, null);
}

function fetchDate2() {
    
    barDayChart1.clear();
    jiajajaxFull(requestUrl2, param, 'GET', function(data) {
        if (data && data.length > 0) {
            emptyDiv1.hide();
            barDayChart1.setOption(buildBarOption2('', data));
        }else{
            emptyDiv1.show();
        }
    }, function(error) {}, null);
}

function fetchDate3() {
    
    barDayChart2.clear();
    jiajajaxFull(requestUrl3, param, 'GET', function(data) {
        if (data && data.length > 0) {
            emptyDiv2.hide();
            barDayChart2.setOption(buildBarOption3('', data));
        }else{
            emptyDiv2.show();
        }
    }, function(error) {

    }, null);
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题