jq-條形圖得代碼附圖片（南淝河項目）

四捨五入後臺的數據

 var Ydata1 = [];
                for(var j=0;j<data.ydata.length;j++){
                   Ydata1.push(parseFloat(data.ydata[j]).toFixed(2));
                }

將後臺數據轉成正常的key：value

 var ydataArr1 =[];
                    for(var i=0;i<itemsData.length;i++){
                       for(var key in itemsData[i]){
                          ydataArr1.push(itemsData[i][key]);
                     }

計算顯示不同的百分比

 //污染結構下的南淝河COD入河污染結構
        waterBalance.nanfeiheCod = function () {
            var riverid=localStorage.riverId;
            if(riverid == ""){
                riverid ="RIVER016"
            }else {
                riverid = riverid
            }
            var callback = function (data) {
                var strs='';
                var max=Math.max.apply(null,data.ydata);
                var Ydata1 = [];
                for(var j=0;j<data.ydata.length;j++){
                    Ydata1.push(parseFloat(data.ydata[j]).toFixed(2));
                }
                for(var i=0;i<Ydata1.length;i++){
                    strs += '<li><span>' + data.xdata[i] + '</span><span style="width: ' + (Ydata1[i] / max * 70 + '%') + '"></span><span>' + (Ydata1[i] * 100 + '%') + '</span></li>';
                }
                $('#charts1_uls').html(strs)
            };
            var Eventopts = {
                callback: callback,
                distcode: riverid,
                itemid:'w01018'
            };
            decisionService._Getpollution(Eventopts);
        };

//污染排放 === 第二個
        waterBalance.Pollutionrow=function (distcode) {
            var startdate=localStorage.startdate;
            var enddate=localStorage.enddate;
            var starTimeType=startdate.split('-')[1];
            var endTimeType=enddate.split('-')[1];
            var dateStatus=null;//日期狀態
            if((endTimeType-starTimeType)>=12){
                dateStatus=3;
            }else if((endTimeType-starTimeType)==0){
                dateStatus=1;
            }else{
                dateStatus=2;
            }
            var newitemlist={};
            newitemlist={
                distcode:distcode,
                starttime:startdate,
                endtime:enddate,
                dateStatus:dateStatus
            }
            var callback = function (data) {
                var data=data.result;
                //console.log(data)
                var eclen='';
                for(var i=0;i<data.length;i++){
                    var xuke=data[i].xkdata;
                    var leiji=data[i].ljdata;
                    var cur=data[i].curdata;
                    var xukechu=data[i].xkdata/100;
                    var curchu=xuke==0?0:data[i].curdata/xuke;
                    var leijichu=xukechu==0?0:data[i].ljdata/xukechu;
                    if(Number(leiji) > Number(xuke)){
                        console.log(1111)
                        $('.dian>b').css('top',-4+'px')
                    }

                    eclen+='<li><span class="title">' + data[i].name + '</span>' +
                        '<span class="zlist"><span class="dian" style="width:' + (Number(leiji) > Number(xuke) ? 110 + '%' : leijichu + '%') + '"><b style="top:' + (Number(leiji) > Number(xuke) ? -4 + 'px' : -34 + 'px') + '">' + leiji + '</b></span><span class="xuxian" style="width:' + (Number(leiji) > Number(xuke) ? 110 + '%' : leijichu + '%') + '"><b></b></span><span class="chaochu" style="width:' + (curchu + '%') + '"><b>' + cur + '</b></span><span class="btn" style="left:' + (curchu + '%') + '"></span><span class="qi"></span></span><span class="weishu">' + xuke + '</span></li>';
                }
                $('#charts_list_u').html(eclen)

            };
            var Eventopts = {
                callback: callback,
                item: newitemlist,
                // itemid:'w21011'
            };

            decisionService.Pollutionrow(Eventopts);
        };