如何使用 JSON.parse() 的输出作为 HTML 图表数据字段的输入？

Question

我正在尝试从 excel/JSON 数据中绘制 HTML 图形，该数据可作为本地的外部文件使用。代码片段：data.json 文件[{"Name": "ABC","Subject1": "Physics","Subject2": "Chemistry","Subject3": "Maths","Optional": "Biology",},{"Name": "XYZ","Subject1": "Economics","Subject2": "Accounts","Subject3": "Maths","Optional": "IT",}]代码片段：js文件var actual_JSON;function loadJSON(callback) {       var xobj = new XMLHttpRequest();    xobj.overrideMimeType("application/json");    xobj.open('GET', 'data.json', true);     xobj.onreadystatechange = function () {        if (xobj.readyState == 4 && xobj.status == "200") {            callback(xobj.responseText);        }    };    xobj.send(null);  }function init() {    loadJSON(function(response) {        // Parse JSON string into object        actual_JSON = JSON.parse(response);    });}现在，actual_JSON 的输出将数据作为对象返回。如果我在数据字段中传递 actual_JSON ，例如：var data = actual_JSON;var chart = new Chart(ctx, {    data: data,    type: 'line',    options: options});我没有得到任何价值。可以做些什么来获得这些值？

Answer 1

您可以使用此对象的数据创建另一个对象，这应该只是一个常规的 json

前任：

var charData = {};

Object.keys(actual_JSON).forEach((key) => {

charData[key] = actual_JSON[key]

})

尝试使用 charData