c# - 如何在不编写适配器的情况下将JSON数据从MVC4传递到Flot

我正在我的MVC控制器中为Jquery flot生成数据，并希望使用更复杂的结构，在该结构中我可以更改每个条形等的颜色。

为此，我需要通过data structure that looks following

{
label: "y = 3",
data: [[0, 3], [10, 3]]
}

当它是简单数组时，通过简单地获取数据并像下面这样整形就可以毫无问题地传递数据

var data = topAgents.Select(agent => new List<object>
        {
            agent.User != null ? string.Format("{0}", agent.User).Replace("SAGANTGB\\", "") : null,
            agent.Amount
        }).ToList();

        return Json(data, JsonRequestBehavior.AllowGet);

并在JavaScript方面：

function onAgentDataReceived(series) {
        $("#agents").empty();
        $.plot("#agents", [series], { bars: { show: true, barWidth: 0.6, align: "center" }, xaxis: { mode: "categories", tickLength: 0 } });
    }

但是现在我似乎无法将数据整形为适合$ .plot期望的结构。

到目前为止，我已经尝试过：

键值对：

var grouped = result.GroupBy(o => o.CREATE_USER_ID).Select(agent => new
                {
                    data = new KeyValuePair<string,int>(
                    agent.Key != null ? string.Format("{0}", agent.Key).Replace("SAGANTGB\\", "") : null, agent.Count()
                        ),
                    color = "yellow"
                }).ToList();

具有属性的对象：

var grouped =  result.GroupBy(o => o.CREATE_USER_ID).Select(agent => new
                {
                    data = new { A=
                    agent.Key != null ? string.Format("{0}", agent.Key).Replace("SAGANTGB\\", "") : null, B = agent.Count()
                        },
                    color = "yellow"
                }).ToList();

名称值集合

var grouped =    result.GroupBy(o => o.CREATE_USER_ID).Select(agent => new
                {
                    data = new NameValueCollection
                    {{
                        agent.Key != null ? string.Format("{0}", agent.Key).Replace("SAGANTGB\\", "") : null,  agent.Count().ToString()}
                    },
                    color = "yellow"
                }).ToList();

匿名对象数组

var grouped = result.GroupBy(o => o.CREATE_USER_ID).Select(agent => new
                {
                    data = new object[] { agent.Key != null ? string.Format("{0}", agent.Key).Replace("SAGANTGB\\", "") : null,  agent.Count()},
                    color = "yellow"
                }).ToList();

但他们都没有逃亡

恕我直言简单data = new object { agent.Key, agent.Count()},
应该可以工作，但是在构建时失败：Error 16 Invalid anonymous type member declarator. Anonymous type members must be declared with a member assignment, simple name or member access.。

我可以在检索数据后重塑JS中的数据，但是希望避免此不必要的步骤。

如何将数据从MVC传递到javascript，而不必在JS端重塑数据？

最佳答案

写下这个问题20分钟后，下次尝试成功

 var grouped =
   result.GroupBy(o => o.CREATE_USER_ID).Select(agent => new
    {
        data = new List<List<object>>
        {
            new List<object>
            {
                agent.Key != null ? string.Format("{0}", agent.Key).Replace("SAGANTGB\\", "") : null,
                agent.Count()
            }
        },
        color = "yellow"
    }).ToList();

return Json(grouped, JsonRequestBehavior.AllowGet);

显然，您需要将其双重包装在列表中。

忘了说了，不再需要在JS端包装在数组中

 $.ajax({
        url: '/dashboard/Home/CancellationAgents/',
        type: "GET",
        dataType: "json",
        success: onCancellationAgentsReceived
    });

    function onCancellationAgentsReceived(series) {
        $("#agentcancellations").empty();
        $.plot("#agentcancellations", series, {
            bars: { show: true, barWidth: 0.7, align: "center" }, xaxis: {mode: "categories", tickLength: 0, position: "bottom"}});
    }

希望这可以节省您一些时间