在ASP.NET MVC中填充morris图表

Question

我在尝试动态填充morris图表时出现问题。

这是JSON字符串：

[{"Name":"Paul Walker","ExamQuantity":35},{"Name":"Vin Diesel","ExamQuantity":1}] 

然后在JavaScript我这样做：

var model = @Html.Raw(Json.Serialize(ViewBag.TeacherExams)); 

     new Morris.Bar({ 
     element: 'chartTeacherExams', 
     data: model, 
     xkey: 'Name', 
     ykeys: ['ExamQuantity'], 
     labels: ['Quantidade'] 
    }); 

但当图表负荷，我得到这个图片：

任何想法我做错了什么？

Answer 1

请使用您的json数组尝试更改data:model。

在你的情况下，使用：data:[{"Name":"Paul Walker","ExamQuantity":35},{"Name":"Vin Diesel","ExamQuantity":1}] .Array已经是JSON格式。

错就错在这条线：var model = @Html.Raw(Json.Serialize(ViewBag.TeacherExams));

Json.Serialize变成JSON对象JSON字符串。