Highcharts axja 获取json对象动态生成报表生成

最近做个项目,项目经理想做一个统计报表,在网上查看些资料就选用Highchars 这里和大家分享下使用心得。 

  重点说明此代码是针对一个报表显示多个项对比显示。 

        直接贴代码:web端                

    
      
     
 
   

    
 

 

后台servlet doget() 方法内容:

    response.setCharacterEncoding("UTF-8");
    response.setContentType("text/html"); 
    JSONArray members = new JSONArray();
    PrintWriter out= response.getWriter();
    try {
     for(int i=1;i<5;i++){

   //构建JSON 对象
      JSONObject member = new JSONObject();

     //构建series所需参数
      member.put("name", "张飞"+i); //对应series.name
      JSONArray list = new JSONArray();//对应series.data
      for(int k=1;k<5;k++){
       list.put(k*100);
      }
      member.put("year", (2012 + i));//对应Y轴显示
      member.put("list", list);
      member.put("color", "#FF0022");//如需要可以设置柱状图颜色
      members.put(member);
     }
   
   out.write(members.toString());
   
  } catch (JSONException e) {
   // TODO Auto-generated catch block
   e.printStackTrace();
  }
     
  out.flush();
  out.close();

 

图片为效果图:

 

 

 

 

 

   

  

你可能感兴趣的:(Highcharts axja 获取json对象动态生成报表生成)