java程式碼

自定義實體類ChartSeries

public class ChartSeries {
    private String name; //曲線名稱     
    private List<Float> data; //曲線的縱座標 
    private List<Date> occurTime; //曲線的橫座標 
    //新增get set方法    
}

控制器方法，返回ChartSeries類的集合

    @RequiresPermissions("dataRecord:view")
    @ResponseBody
 

    @RequestMapping(value = "/dataRecord/chart}", method = RequestMethod.GET)
    public List<ChartSeries> getChart(){         
        List<ChartSeries> list =  new List<ChartSeries>();
        //給list賦值
        return list; // list
    }

前臺對list的處理

    $.ajax({
            url : "/dataRecord/chart"
 
 , //獲取資料列 
            type : 'GET',
            data : {
            },
            success : function(data) { 
                formatJsonToSeries(data);//對資料進行處理
            }
        });

    function formatJsonToSeries(data) {

        jsonData = JSON.parse(data);  //把後臺傳來的資料轉來JSON格式
        //jsonData是二維陣列，因為實體類ChartSeries的欄位data也是個list
 

        for (x in jsonData) {  //遍歷JSON格式的陣列取元素, x代表下標

            for (y in jsonData[x].data) {                
                 alert(jsonData[x].occurTime[y]) ;//依次獲取 
                 alert(jsonData[x].data[y]);
            }

        }


    }

後臺傳來的資料格式如下