javascript - 从 div 访问 JSON 类型的数据？

Question

所以我有一个 div 来显示 Microsoft 情感 API 的结果，例如:

anger: 0.28446418
contempt: 0.00341128884
disgust: 0.000332433876
fear: 0.009447911
happiness: 0.02609423
neutral: 0.6288482
sadness: 0.00180563633
surprise: 0.04559612

这是显示数据的代码:

 .done(function(data) {
        // Get face rectangle dimensions
        var faceRectangle = data[0].faceRectangle;
        var faceRectangleList = $('#faceRectangle');
        var data1="";

        // Append to DOM
        for (var prop in faceRectangle) {
            data1 += "<li> " + prop + ": " + faceRectangle[prop] + "</li>";
        }
        faceRectangleList.html(data1);

        // Get emotion confidence scores
        var scores = data[0].scores;
        var scoresList = $('#scores');
        var data2="";
        // Append to DOM
        for(var prop in scores) {
            data2 += "<li> " + prop + ": " + scores[prop] + "</li>";
        }

        scoresList.html(data2);

    }).fail(function(err) {
        alert("Error: " + JSON.stringify(err));
    });
});



}

function make_graph(){


}

现在我需要根据这些分数绘制一条线。您能告诉我如何在另一个函数中访问这些分数的每个单独值，以便我可以将它们绘制为图表中的点吗？

Answer 1

只需从 done 回调内部调用 make_graph，向其传递数据，如下所示。

.done(function(data) {
     // ... do what you already do
     make_graph(data);
}).fail(function (err) {
    alert("Error: " + JSON.stringify(err));
});

function make_graph(data) {
    for (d in data) {
        // do stuff with data
    }
}