javascript - 在ASP.NET MVC中填充Morris图表

尝试动态填充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数组更改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字符串。