javascript - 怎么写这个判断?
PHPz
PHPz 2017-04-10 16:52:17
0
2
189

有上中下三个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>
PHPz
PHPz

学习是最好的投资!

reply all(2)
迷茫

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

巴扎黑

解决了,其实挺简单,只要写三个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);
}
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template