Question

我在将一个字典对象从控制器传递到视图中的javascript时遇到了一些麻烦。我正在使用ASP .Net MVC3，我正在尝试用数据库中的数据制作一些图表/图形，我发现了HighCharts javascript，我正在尝试使用它。这是一个例子：

$(function () {
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        title: {
            text: 'Stacked column chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Total fruit consumption'
            }
        },
        tooltip: {
            formatter: function() {
                return ''+
                    this.series.name +': '+ this.y +' ('+ Math.round(this.percentage) +'%)';
            }
        },
        plotOptions: {
            column: {
                stacking: 'percent'
            }
        },
            series: [{
            name: 'John',
            data: [5, 3, 4, 7, 2]
        }, {
            name: 'Jane',
            data: [2, 2, 3, 2, 1]
        }, {
            name: 'Joe',
            data: [3, 4, 4, 2, 5]
        }]
    });
});

});

我想用字典填充系列变量，这是我使用的方法：

       public ActionResult GetSeries()
    {
        var series= new Dictionary<string, int[]> {
            { "pa", new int[]{1,2,3,4,5} },
            { "papa", new int[]{1,2,3,4,5} },
            { "papapa", new int[]{1,2,3,4,5} },
        };

        return Json(series, JsonRequestBehavior.AllowGet);
    }

但它返回的内容如下：
{ “PA”：[1,2,3,4,5]， “爸爸”：[1,2,3,4,5]， “papapa”：[1,2,3,4,5]} < / p>

因此它与javascript中的语法不同，每个字段前都有名称和数据

顺便说一下，我用它来填充数据

$.getJSON('@Url.Action("GetSeries)', function(series) {
...
series: series
...
});

最诚挚的问候，埃尔德

Answer 1

返回的是关联数组在JavaScript中的外观。你真正想要的是一个数组或对象列表，根据顶部示例中的JavaScript：

    var series= new[] {
        new { name="pa", data=new int[]{1,2,3,4,5} },
        new { name="papa", data=new int[]{1,2,3,4,5} },
        new { name="papapa", data=new int[]{1,2,3,4,5} },
    };

    return Json(series, JsonRequestBehavior.AllowGet);

我会创建一些视图模型（这只是一个包含所有数据的类的名称，以适当的格式和结构，在视图中显示），并将其作为JSON消息返回。 / p>

public class SeriesViewModel
{
   public string name { get; set; }
   public int[] data { get; set; }
}

public class GetSeriesViewModel
{
   public string[] categories { get; set; }
   public SeriesViewModel[] series { get; set; }   
}

只需添加您需要以JSON格式发送的任何属性。您将在动作中使用自己的逻辑填充它们：

public ActionResult GetSeries(string category)
{
    // look up your category and series information

    var model = new GetSeriesViewModel
        {
             categories = new[] { "category 1", "category 2" /* etc. */ }, // you can create this list from your code above
              series = new[] { new SeriesViewModel { name="pa", data=new int[] { 1, 2, 3, 4, 5 } } }// etc.... again, you can create these objects in your code above */
        };

     return Json(model, JsonRequestBehavior.AllowGet)
}

将Dictionary对象从控制器传递给Javascript

1 个答案: