一千萬個為什麽

搜索

我想從jquery.post()輸入JSONObject到一個簡單的JS圖表(條形圖)?

您好 我對json和js圖表都很新。

在條形圖的例子中,他們給出了這樣的硬編碼數組,

var myData = new Array(['U.S.A.', 69.5], ['Canada', 2.8], ['Japan & SE.Asia', 5.6] );
var myChart = new JSChart('graph', 'bar');
myChart.setDataArray(myData);

而不是我想要使用json中$ .post()方法的響應。這是一段代碼。

var myData=[];  
$.post("JSONServlet", function(data) {
    $.each(data.Userdetails, function(i, data) {

        myData[i] = [];
        myData[i]['text'] = data['firstname'];
        myData[i]['id'] = data['ssn'];

        alert("first name " +myData[i]['text']+ " salary " +myData[i]['id']);
       //I am getting correct data here, but how to assign this myData to barchart
    });
}, "json");

這是使用的邏輯或如何從響應中獲取用戶名和工資並將其傳遞給條形圖。請幫忙。我堅持這個。

提前致謝。

最佳答案

如果我理解正確,那麽您嘗試使用 firstname 作為鍵並使用 ssn 作為值來生成與第一個示例中類似的條形圖。在這種情況下,你可以這樣做:

$.post("JSONServlet", function(data) {    
    var myData = [];    
    $.each(data.Userdetails, function(i, data) {
        myData[i] = [data.firstname, data.ssn];
    });    
    var myChart = new JSChart('graph', 'bar');
    myChart.setDataArray(myData);
}, "json");

轉載註明原文: 我想從jquery.post()輸入JSONObject到一個簡單的JS圖表(條形圖)?