2

我在将字典对象从控制器传递到视图中的 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],"papa":[1,2,3,4,5],"papapa":[1,2,3, 4,5]}

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

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

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

最好的问候， Hélder

4

1 回答 1

0

它返回的是关联数组在 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 消息返回。

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)
}
于 2012-06-20T11:06:23.437 回答