javascript - 我想将 jquery.post() 中的 JSON 对象输入到简单的 JS 图表(条形图)？

Question

你好我对 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");

这是要使用的逻辑吗？或者我怎样才能从响应中获取用户名和薪水并将其传递到条形图。请帮忙。我被这个问题困住了。

提前致谢。

Answer 1

如果我理解正确，您将尝试使用 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");