search

Home  >  Q&A  >  body text

javascript - 怎么写这个判断?

有上中下三个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>
PHPzPHPz2902 days ago183

reply all(2)I'll reply

  • 迷茫

    迷茫2017-04-10 16:54:17

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

    reply
    0
  • 巴扎黑

    巴扎黑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);
    }

    reply
    0
  • Cancelreply