動態更改標籤中的折線圖表

Question

我是從網絡服務器得到以下JSON對象響應對象：

(JSON Array :[{"JUL":"5"},{"AUG":"7"},{"SEP":"9"},{"OCT":"11"},{"NOV":"13"}, {"DEC":"15"},{"JAN":"17"},{"FEB":"19"},{"MAR":"21"},{"APR":"23"},{"MAY":"25"},{"JUN":"27"}]) 

我正在JSON對象的鍵陣列中的

var al_key = []; 

//For loop for x axis dispaly. 
alert("al_key.length --------->"+al_key.length); 

var jsonObj = []; //declare array 

for (var i = 0; i < al_key.length; i++) { 
    jsonObj.push({value: i, text: al_key[i].value}); 
} 

// Add axes 
chart.addAxis("x", {min:1, max: 12 ,labels: jsonObj , fixLower: "major", microTicks: true, majorTickStep: 1}); 

chart.addAxis("y", { min: 0, max: 50, vertical: true, fixLower: "major", fixUpper: "major", includeZero: true }); 

然而，它不按我期望的方式工作。任何建議，我在哪裏得到這個錯誤？或者動態地在x軸上顯示月份的替代方法？預先感謝您的幫助。

---

粘貼響應的問題編輯：

含有單一的JSONObject包含了像

//服務器端的編碼值，其實我得到JSONArray對象..

JSONObject object=new JSONObject(); 
object.put("JAN":"17"); 
object.put("FEB":"19"); 
object.put("MAR":"21"); 
object.put("APR":"23"); 
object.put("MAY":"24"); 
object.put("JUN":"27"); 

JSONArray arrayObj=new JSONArray(); 
arrayObj.add(object); 

On System.out.println(arrayObj); // our json appears like {"JAN":"17"},{"FEB":"19"},{"MAR":"21"},{"APR":"23"}, //{"MAY":"24"},{"JUN":"27"}]; 

On jsp：

//Call to the database to fetch the desired value 
dojo.xhrGet({ url : "/POC/Action.do", 
       handleAs : "json", 
       sync: true, 
       load : function(response, ioArgs) { 
    alert("retrived response ------"+response); 
    for(var i in response) 
    for(var x in response[i]) 
     output.push(response[i][x]); 
    alert("Get value to draw line chart---------------------->"+output); 
}, 
error: function(response, ioArgs){ 
    dojo.byId("grid").innerHTML = "An error occurred, with response: " + response; 
    return response; 
}, 
handleAs: "json" }); 

響應對象包含返回值（JSONArray對象）;

現在這個鍵需要顯示在圖表的x軸上。我是否需要再次拿到鑰匙，並準備通過你上面說的這是在形式形成的JSON對象..

Answer 1

在回答您的更新信息：

更改您發送的JSON的方式（基於現有的有限信息，我假設是使用org.jon包一個Java servlet）

JSONArray array = new JSONArray(); 
arrayObj.put (new JSONObject("{'month':'JAN', 'value':'17'}"); 
// and repeat for the rest of the data 

你可以用它然後在您的道場圖表作爲我寫了下面（jsonObj3）。

---

原始評論。

檢查的例子here，特別是部分：

labels: [{value: 0, text: "zero"}, 
     {value: 2, text: "two"}, 
     {value: 4, text: "four"} 

，並新增兩個系列

addSeries("Series A", [1, 2, 3, 4, 5], {stroke: {color: "red"}, fill: "lightpink"}). 
addSeries("Series B", [5, 4, 3, 2, 1], {stroke: {color: "blue"}, fill: "lightblue"}). 

對於系列，JSON可能是

var months = ["JUL","AUG","SEP","OCT","NOV","DEC","JAN","FEB","MAR","APR","MAY","JUN"]; 
var jsonObj2 = []; 

for (var i = 0; i < months.length ; i++) { 
    jsonObj2.push({value: i, text: months[i]}); 
} 

如果您想要一個JSON對象，請嘗試像這樣安排它：

var data = [{month: "JUL", value:"5"}, 
      {month: "AUG", value:"7"}, 
      {month: "SEP", value:"9"}, 
      {month: "OCT", value:"11"}, 
      {month: "NOV", value:"13"},  
      {month: "DEC", value:"15"}, 
      {month: "JAN", value:"17"}, 
      {month: "FEB", value:"19"}, 
      {month: "MAR", value:"21"}, 
      {month: "APR", value:"23"}, 
      {month: "MAY", value:"25"}, 
      {month: "JUN", value:"27"}]; 

var jsonObj3 = []; 

for (var i = 0; i < data.length ; i++) { 
    jsonObj3.push({value: i, text: data[i].month}); 
}