java + echart (多条折线图,饼状图,柱状图)

echart用于统计使用,看着很美观且数据描述的很清晰。所以昨天第一次使用,出现了很多问题。

1.多条折线图    折线:line

直接贴代码:后台

public Map pointUselessAnalyze(Integer orgId){
List records = null;
List legend = new ArrayList<>();//放置折线图每条信息的颜色
List echarts1 = new ArrayList<>();//折线1
List echarts2 = new ArrayList<>();//折线2
List echarts3 = new ArrayList<>();//折线3
List echarts = new ArrayList<>();//EchartsEntity对象中 三个属性:String,String,List -> 折线注释,折线type,数据
String[] xAxis = null;//x轴
		 
if (orgId != null && orgId > 0) {
    String sql = "xxx";//mysql语句
    records = Db.use().find(sql);//返回结果
}
if (records != null && records.size() > 0) {
    xAxis = new String[records.size()];//x轴的长度
    for(int i = 0; i < records.size();i++){//循环mysql结果
    xAxis[i] = records.get(i).getStr("time");//我是以时间作为x轴
    echarts1.add(records.get(i).getStr("a"));//折线1
    echarts2.add(records.get(i).getStr("b"));//折线2
    echarts3.add(records.get(i).getStr("c"));//折线3
    }
}
		
EchartsEntity entity1 = new EchartsEntity("a","line",echarts1);
EchartsEntity entity2 = new EchartsEntity("b","line",echarts2);
EchartsEntity entity3 = new EchartsEntity("c","line",echarts3);
echarts.add(entity1);
echarts.add(entity2);
echarts.add(entity3);
legend.add("a");
legend.add("b");
legend.add("c");
Map ret=new HashMap<>();
ret.put("xAxis", xAxis);//x轴信息
ret.put("series", echarts);//折线内容
ret.put("legend", legend);//折线颜色和折线颜色所代表的的信息
return ret;//返回结果Map
}EchartsEntity entity1 = new EchartsEntity("a","line",echarts1);
EchartsEntity entity2 = new EchartsEntity("b","line",echarts2);
EchartsEntity entity3 = new EchartsEntity("c","line",echarts3);
echarts.add(entity1);
echarts.add(entity2);
echarts.add(entity3);
legend.add("a");
legend.add("b");
legend.add("c");
Map ret=new HashMap<>();
ret.put("xAxis", xAxis);//x轴信息
ret.put("series", echarts);//折线内容
ret.put("legend", legend);//折线颜色和折线颜色所代表的的信息
return ret;//返回结果Map
}
前台:

你可能感兴趣的:(echart)