大屏----js问题收集

一、数据展示问题 ：数据位不足前面补零

 方法：首先字符拼接。slice（-6）表示从后面开始取六位数值

success : function (res) {
                var data = res.json.ldl;
                var ldl = ("00000" + data).slice(-6);
                $('#ldlID').html(ldl);
            }

 二、时间展示问题：

 方法：获取的数据是秒为单位，对其进行计算出时分秒，使用parseInt()转成整数的函数

success : function (res) {
    var rjjtsc = res.json.rjjtsc;
    var hh = parseInt(rjjtsc/3600);
    if(hh<10) hh = "0" + hh;
    var mm = parseInt((rjjtsc-hh*3600)/60);
    if(mm<10) mm = "0" + mm;
    var ss = parseInt((rjjtsc-hh*3600)%60);
    if(ss<10) ss = "0" + ss;
    var length = hh + ":" + mm + ":" + ss;
    $('#rjjtscID').html(length);
}

 三、列表展示问题：

方法：获取后端传来的list，对list进行循环遍历，循环结束后，在循环外塞值。

for (var i = 0; i < gdssqkList.length; i++){
       var data = gdssqkList[i];
       phone = data.caller;
       time = data.regtime.substring(11);
       area = data.dq;

       if (i%2=='0'){
            str += '<tr class="odd">'+
                     '<td >' + phone + '</td>'+
                     '<td >' + time + '</td>'+
                     '<td > '+ area +'</td>'+
                    '</tr>';
        }else {
            str += '<tr >'+
                        '<td >' + phone + '</td>'+
                        '<td >' + time + '</td>'+
                        '<td > '+ area +'</td>'+
                        '</tr>';
        }
}
$('#gdssqkID').html(str);

 四、饼图、柱状图展示问题：

方法：主要是要按照echarts生成的格式进行塞值。格式保持一致

success : function (res) {
                var data = res.json.dnldsfpm;
                var name = new Array();
                var value = new Array();
                var maxvalue = "";
                for (var i = 0; i < data.length; i++){
                    var keys=data[i];
                    for(var key in keys){
                        var num=keys[key];
                        name.push(key);
                        value.push(num);
                        if (i==0){
                            maxvalue = num;
                        }
                    }
                }
                if (maxvalue.length>=4){
                    maxvalue= Math.floor((parseInt(maxvalue)+1000)/1000)*1000;
                }else if (maxvalue.length>=3){
                    maxvalue= Math.floor((parseInt(maxvalue)+100)/100)*100;
                }else {
                    maxvalue= Math.floor((parseInt(maxvalue)+10)/10)*10;
                }
                pushDnldsfpm(name,value,maxvalue);
            }

 五、饼图数据展示问题：

方法：主要是要按照echarts生成的格式进行塞值。格式保持一致

success : function (res) {
                var getData = res.json.data;
                var dh = getData['01'];
                var wz = getData['02'];
                var wx = getData['03'];
                var xx = getData['04'];
                var data = [
                    {value:dh, name:'电话'},
                    {value:wz, name:'网站'},
                    {value:wx, name:'微信'},
                    {value:xx, name:'线下'}
                ];
                DnjszbList(data);
            }