javascript - 使用 JSON 将动态数组传递给 Morris Chart

Question

我需要使用 Morris 图表绘制动态数组。该数组是一个动态矩形数组(列数可变)，如下所示:

我尝试使用 JSON 将其传递给 Morris Charts。这是我的代码:

 function SHOWGRAPH() {

        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "/samplepage.aspx/SHOW_GRAPH",
            data: "",
            dataType: "json",
            success: function(data) {
            
                 
              for (var i = 0; i < data.d.length; i++) {
              
                Morris.Area({ 
                     
                    element: 'myfirstchart',
                    data:data.d,
                    xkey: data.d[0],
                    ykeys: [data.d[i]],
                    hideHover: 'auto',
                    resize: true,                    
                     
                })
                };
               
            }

        });
    } 
    

由于不匹配的数据集，我收到一个错误:

 TypeError: a is undefined

我想问一下是否有人知道如何将矩形数组正确传递给 Morris Chart。通常，我只使用一个类来传递数据。但是，在这种情况下，我需要传递的数据结构是动态的。

提前致谢。

Answer 1

在这里，您似乎没有在 POST 请求正文中传递任何数据。如果这不需要请求主体，您应该考虑将其改为 GET 请求。无论哪种方式，如果响应是像这样的 JSON 格式:

{ "data": {
    "d": {
        [ a: []],
        [ a: []],
        [ a: []],
        [ a: []],
        [ a: []]
        }
}

那么理想情况下你应该像这样循环两次:

data.d.forEach(function(data) {
    Morris.Area({ 

                element: 'myfirstchart',
                data:data,
                xkey: data.a.forEach(function(item){
                           //Do what you want with this array
                        }),
                ykeys: [data],
                hideHover: 'auto',
                resize: true,                    

            })
            };
});