Spring Mvc json + highcharts 生成报表

主要思路通过ajax访问后台(Spring mvc controller) 返回一个json字符串，在ajax success方法中调用highcharts方法来展示你想要的各种图。

Spring Mvc RequestMapping 参数 ：

       produces:    指定返回的内容类型，仅当request请求头中的(Accept)类型中包含该指定类型才返回；

       consumes： 指定处理请求的提交内容类型（Content-Type），例如application/json, text/html;

 

 1.Spring Mvc Controller 

    定义一个PageConfigController,再定义一个getChartJson(HttpServletRequest request,HttpServletResponse response)

 

@requestMapping(value="getJson" method = RequestMethod.GET produces = "text/html;charset=UTF-8")

@responseBody

public String getChartJson(HttpServletRequest request,HttpServletResponse response){

　　/**

　　这里处理你的逻辑，获取Json

　　*/

　　String json = "json";

　　return json ;

}

2.在js 定义一个异步方法获取json

 $.ajax(

　url:url,

   type:"get",

   dataType:"text",

   data:params,

   success:function(data){

 //这里首先得把data，处理为一个js对象，才可以通过highcharts方法展示图

  var obj = eval('('+data+')');

//在页面定义一个id为container的div

$("#container").highcharts(obj);//这个方法是调用了highcharts.js里面的方法，具体使用要参考highcharts的参考文档。

 }

　

)