Javascript 在ASP.NET MVC中填充morris图表

Javascript 在ASP.NET MVC中填充morris图表,javascript,jquery,asp.net,asp.net-mvc,Javascript,Jquery,Asp.net,Asp.net Mvc,我在尝试动态填充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: 'char

我在尝试动态填充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']
   });
但当图表加载时,我会得到以下图像:


知道我做错了什么吗?

请尝试使用json数组更改
数据:模型

在您的情况下,使用:
数据:[{“Name”:“Paul Walker”,“ExamQuantity”:35},{“Name”:“Vin Diesel”,“ExamQuantity”:1}]
。数组已经是JSON格式

错误在这一行:
var model=@Html.Raw(Json.Serialize(ViewBag.teacherTests))


Json.Serialize
将Json对象转换为Json字符串。

控制台中有错误吗?@Alexandru IonutMihai No.尝试用
数据替换
data:model
:[{“Name”:“Paul Walker”,“ExamQuantity”:35},{“Name”:“Vin Diesel”,“ExamQuantity”:1}]
@Alexandru IonutMihai它就像一个符咒。。。当我显示带有“model”变量的警报时,它会显示相同的信息。我认为Json.Serialize没有正确创建对象。非常感谢您的提示。我删除了
var model=@Html.Raw(Json.Serialize(ViewBag.teachertests))
并添加了以下内容:
var info=JSON.parse('@Html.Raw(ViewBag.teachertests)')。然后它成功了!!!