angularJS中ECharts折线图中存放数据的问题

从数据库中取数据之后,首先要注意,在service.java层中就要将数据便利一下,将对应的除了y轴数量的都取出来,放入treeSet中,这样好处就在于直接对Ec所需的一些集合进行了封装,并且让数据排出了重复的数据,只要在前台取出y轴所需要的数组就行。在js界面上取出名字,时间,数量的数组要用多层for循环来取,要保证数据的对应关系。这个名字在这个时间的数据。要用多层for循环,注意,如果不存在,要将数组放0代表这个时间是没有数据的。

js界面
caseAnalysisService.zst_month({lasttime: '19900101',firsttime: '20161110' ,codeId: '1000'}).then(function (data) {
                console.log(data);

            if(data.xsaj_count[0] !=null){
                /*==================================总量=============================*/
                var qtxs=data.xsaj_count[0].NUM;
                for(var i=0;i<data.xsaj_every.length;i++){
                    qtxs-=data.xsaj_every[i].NUM //其他刑事案件总量
                }
                var datas=[];
                var intArr=[];
                for(var j=0;j<data.xsaj_every1.length;j++) {
                    for(var i=0;i<data.xsaj_every3.length;i++){
                        for(var k=0;k<data.xsaj_every.length;k++){
                            if(data.xsaj_every1[j]==data.xsaj_every[k].AJ_ZL2){ //如果类型相同了
                                if(data.xsaj_every3[i]==data.xsaj_every[k].TIME){//若果时间再相同
                                    intArr.push(data.xsaj_every[k].NUM);//此时才说明这个数量是在这个类型在这个时间
                                }
                            }
                        }
                        if(intArr.length == i){
                            intArr.push(0);
                        }
                    }
                    datas.push(intArr);
                    intArr=[];
                }
===============================
service.java文件

   Map<String,Object>  map = new HashMap<String,Object>();
        /*------------------------统计图 刑事案件  每种类型以及其总量----------------------*/
        List<Map<String,Object>> xsaj_every = this.caseAnalysisMapper.selectZst_Xsaj_every(map1);
         /*------------------------统计图 刑事案件  所选类型的总量----------------------*/
        List<Map<String,Object>> xsaj_count = this.caseAnalysisMapper.selectZst_Xsaj_Count(map1);
        /*------------------------统计图 行政案件 所有类型总量----------------------*/
        List<Map<String,Object>> xzaj_every = this.caseAnalysisMapper.selectLxpm_Xzaj_every(map1);
         /*------------------------统计图 行政案件 每种类型以及其总量----------------------*/
        List<Map<String,Object>> xzaj_count = this.caseAnalysisMapper.selectLxpm_Xzaj_Count(map1);

        List<String> list1 =new ArrayList<String>();//刑事案件种类2
        List<String> list2 =new ArrayList<String>();//刑事案件种类3
        List<String> list5 =new ArrayList<String>();//刑事案件时间
        for(int i=0;i<xsaj_every.size();i++){
            list1.add(i, (String)xsaj_every.get(i).get("AJ_ZL2"));
            list2.add(i, (String)xsaj_every.get(i).get("AJ_ZL3"));
            list5.add(i, (String)xsaj_every.get(i).get("TIME"));
        }
        TreeSet<String> xsaj_every1 = new TreeSet<String>(list1);
        TreeSet<String> xsaj_every2 = new TreeSet<String>(list2);
        TreeSet<String> xsaj_every3 = new TreeSet<String>(list5);
        List<String> list3 =new ArrayList<String>();//行政案件总类2
        List<String> list4 =new ArrayList<String>();//行政案件总类3
        List<String> list6 =new ArrayList<String>();//行政案件时间
        for(int i=0;i<xzaj_every.size();i++){
            list3.add(i, (String)xzaj_every.get(i).get("AJ_ZL2"));
            list4.add(i, (String)xzaj_every.get(i).get("AJ_ZL3"));
            list6.add(i, (String)xzaj_every.get(i).get("TIME"));
        }
        TreeSet<String> xzaj_every1 = new TreeSet<String>(list3);
        TreeSet<String> xzaj_every2 = new TreeSet<String>(list4);
        TreeSet<String> xzaj_every3 = new TreeSet<String>(list6);
        map.put("xsaj_every1",xsaj_every1);
        map.put("xsaj_every2",xsaj_every2);
        map.put("xsaj_every3",xsaj_every3);
        map.put("xzaj_every1",xzaj_every1);
        map.put("xzaj_every2",xzaj_every2);
        map.put("xzaj_every3",xzaj_every3);
        map.put("xsaj_every",xsaj_every);
        map.put("xsaj_count",xsaj_count);
        map.put("xzaj_every",xzaj_every);
        map.put("xzaj_count",xzaj_count);
        return map;

猜你喜欢

转载自190102110.iteye.com/blog/2339105