javascript - 在 ASP.NET MVC 中填充莫里斯图表

Question

我在尝试动态填充莫里斯图时遇到问题。

这是 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 字符串。