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;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值